Botones

Orbiting caption disc

Un botón circular cuya leyenda en mayúscula recorre el borde interior en una órbita lenta e interminable mientras una insignia central transmite su flecha al pasar el mouse.

Cómo usar Orbiting caption disc

Un botón circular cuya leyenda en mayúscula recorre el borde interior en una órbita lenta e interminable mientras una insignia central transmite su flecha al pasar el mouse.

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, diameter, spinSeconds, direction

¿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

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.

2777Round lift action buttonBotonesUn botón de acción circular con una flecha triangular sólida que se hincha y se eleva al pasar el mouse, se oscurece mientras se mantiene presionado y gira su flecha hacia cualquiera de las cuatro direcciones.

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.

2683Arrow wipe buttonBotonesUn botón de pastilla cuya placa decorativa, cortada en forma de punta de flecha, se desplaza desde la izquierda al pasar el mouse e invierte la etiqueta letra por letra a medida que su punta se cruza.

1629Arrow wipe call to actionBotonesUna llamada a la acción cuya placa más oscura aparece desde la izquierda al pasar el mouse mientras una flecha escondida se desliza hacia afuera para encontrarse con la etiqueta y empuja un píxel hacia abajo cuando se hace clic.

2319Circled Arrow PillBotonesUna píldora sólida de alto croma con la etiqueta a la izquierda y una flecha anillada a la derecha que avanza al pasar el mouse.