Botones

Scroll cue pill

Una cápsula alta que sostiene una flecha larga y delgada que flota en un bucle, crece debajo del puntero y colapsa una vez utilizada.

Click a pill once you have read this far

Cómo usar Scroll cue pill

Una cápsula alta que sostiene una flecha larga y delgada que flota en un bucle, crece debajo del puntero y colapsa una vez utilizada.

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: accent, direction, height, driftDistance, loop

¿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?

El código, las versiones y los comandos de instalación están disponibles en el panel superior.

Conecta tu agente

Relacionados

2506Scroll cue buttonBotonesUna pequeña posibilidad de desplazamiento cuyo galón cae a través de su ventana recortada al pasar el mouse o enfocarse en un bucle sin fin, y cuyo clic desliza el área desplazable más cercana hacia la siguiente sección.

2555Scroll hint buttonBotonesUna cápsula estrecha y vertical con una cuenta que se desliza hacia abajo en su interior mediante un bucle, como se describe a continuación, que desplaza el área desplazable más cercana una pantalla cuando se presiona.

2549Wheel hint scroll buttonBotonesUn pequeño contorno de mouse con una barra de rueda oscilante que desplaza la siguiente pantalla a la vista al hacer clic y se desvanece cuando no queda nada por desplazar.

2530Nudge arrow invert buttonBotonesUna pastilla oscura en mayúsculas con una flecha clavada en el borde derecho; Al pasar el cursor, se invierte a una superficie pálida y empuja la flecha hacia adelante, y al presionar se muestra un relleno cálido.

2640Arrow chip buttonBotonesUn botón de acción redondeado con un chip de flecha brillante acoplado en su extremo derecho que se levanta de la página al pasar el mouse con una sombra desplazada y se hunde al presionarlo.

2601Arrow relay badge pillBotonesUn botón de pastilla con una insignia redonda izquierda cuya flecha sale por la esquina superior al pasar el mouse, mientras que una nueva llega desde abajo y el cuerpo se vuelve casi negro.