Botones

Button set

Una familia de botones completa que cubre seis intenciones, seis tamaños, formas de solo íconos y un estado de carga que se intercambia en una rueda giratoria sin que el botón cambie de ancho.

Cómo usar Button set

Una familia de botones completa que cubre seis intenciones, seis tamaños, formas de solo íconos y un estado de carga que se intercambia en una rueda giratoria sin que el botón cambie de ancho.

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: variant, size, accent, loading, disabled, label

¿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

1638Intent button setBotonesUna familia de botones completa en un solo archivo: sólido, suave, contorno, fantasma, enlace y pesos de peligro en cuatro tamaños, con ranuras para íconos, un estado de ocupado y un anillo de enfoque real.

1646Press spring buttonBotonesUna familia de botones básicos en seis diseños y cuatro tamaños cuya presión se comprime sobre un resorte y sobresale hacia atrás, de manera idéntica para el puntero y el teclado.

2509Dialog bevel buttonBotonesUn pequeño botón de sistema gris construido a partir de dos biseles duros anidados y una marca de enfoque interna punteada, cuyas líneas de bisel se intercambian al presionar para que se lea como si estuviera presionado.

2697Download tooltip buttonBotonesUn botón de icono cuadrado cuya flecha de descarga se mueve hacia abajo y toma el color de acento mientras se despliega un título del tamaño de un archivo debajo.

1827Expanding icon pillBotonesUn botón de icono redondo que crece hasta convertirse en una pastilla etiquetada al pasar el cursor o al enfocar, girando su glifo una revolución completa a medida que la etiqueta se desliza hacia adentro.

2524Flight path confirm buttonBotonesUn botón de reserva que hace volar un avión pequeño en una vuelta alrededor de su frente mientras tres puntos pulsan, luego se vuelve verde e informa la reserva confirmada.