Cursor

Pointer label cursor

Dentro de un panel delimitado, el cursor del sistema es reemplazado por una flecha dibujada con un pequeño chip con el nombre detrás de él sobre un resorte suave.

Move the pointer across this panel.

Cómo usar Pointer label cursor

Dentro de un panel delimitado, el cursor del sistema es reemplazado por una flecha dibujada con un pequeño chip con el nombre detrás de él sobre un resorte suave.

Prueba la vista previa con el cursor y el teclado. Comprueba el foco visible y la composición en pantallas estrechas dentro de tu página. Usa el número de ficha o el identificador cuando pidas el componente a tu agente.

Propiedades: label, accent, side, sideOffset, stiffness, showChip

¿Qué frameworks están disponibles?

El catálogo incluye estas versiones: react, vue, svelte, astro, html. La vista previa de esta página utiliza React.

¿Cómo accedo a la implementación?

La vista previa y la descripción son públicas. Inicia sesión con una cuenta autorizada para abrir el código, las versiones y el panel de instalación.

Conecta tu agente

Relacionados

1809Spring lag trailCursorUna cadena de círculos que persiguen el puntero con resortes cada vez más suaves, de modo que un movimiento rápido los estira hasta formar una cola de cometa que se vuelve a juntar en reposo.

1783Lagging orb followerCursorUn disco blando que persigue el puntero sobre un resorte deliberadamente flexible, pasando por delante de él y tambaleándose hacia atrás en lugar de bloquearse.

1803Ribbon trail flowCursorVarias cintas de colores persiguen la aguja con sus propios resortes, se estrechan hasta formar una punta y se trenzan a medida que la aguja gira.

1820Trailing cursorCursorUn cursor dibujado que persigue el puntero real sobre un resorte, dejando un rastro de brillo suave y desvaneciendo imágenes residuales mientras gira para mirar en la dirección en la que viaja.

1824Zoned cursor tagCursorUn puntero personalizado cuya etiqueta final se reescribe y gira hacia el otro lado a medida que cruza las zonas de un panel dividido.

1786Magnetic project targetCursorUn cursor redondo personalizado con texto rodeando su borde que se desplaza detrás del puntero y se ajusta a una pastilla de llamada a la acción cuando se acerca.