Botones

Staged expand delete button

Un icono de contenedor cuadrado que se ensancha después de un breve retraso, desvanece su etiqueta y solicita un segundo clic de confirmación antes de dispararse.

Cómo usar Staged expand delete button

Un icono de contenedor cuadrado que se ensancha después de un breve retraso, desvanece su etiqueta y solicita un segundo clic de confirmación antes de dispararse.

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, confirmLabel, accent, expandedWidth, delay, open

¿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

2628Icon takeover deleteBotonesUn botón destructivo dividido en una palabra en negrita y una celda de icono estrecha; Al pasar el cursor o enfocar, la celda crece en todo el botón hasta que solo queda el glifo, con dos toques para confirmar al tocar.

2714Expanding icon pillBotonesUn botón de ícono redondo que se extiende hasta convertirse en una píldora etiquetada al pasar el mouse, intercambiando su glifo por una palabra cuando llega un relleno de acento.

2485Rocking icon CTABotonesUna píldora de acento sólido cuyo ícono de calendario principal se balancea como un metrónomo al pasar el mouse y, cuando se hace clic, dibuja una marca y cambia el texto a una etiqueta confirmada antes de regresar.

2619Slide away destructiveBotonesUn botón destructivo cuya etiqueta se desliza hacia la izquierda para dejar solo una cruz, luego cambia a una cara de éxito con una marca de verificación por un momento cuando se presiona.

2469Arrow to label pillBotonesUn botón redondo de chevrón que se extiende hasta convertirse en una píldora ancha etiquetada al pasar el cursor, intercambiando la marca por una palabra mientras el relleno plano se convierte en una rampa de dos paradas.

2579Breathing Inset ButtonBotonesUn botón moldeado pálido cuyo panel interior se aleja del borde al pasar el mouse mientras el glifo de envío se desliza una corta distancia hacia la etiqueta.