Botones

Tinted shadow buttons

Una fila de botones sólidos que proyectan cada uno una sombra suave en su propio tono, por lo que el color de cada acción se filtra en la superficie debajo de él.

Cómo usar Tinted shadow buttons

Una fila de botones sólidos que proyectan cada uno una sombra suave en su propio tono, por lo que el color de cada acción se filtra en la superficie debajo de él.

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, count, hueSpread, shadowStrength, radius

¿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

1649Share fan buttonBotonesUn botón para compartir que se disuelve al pasar el mouse mientras una fila de botones cuadrados de destino se desenrolla desde su borde izquierdo, uno tras otro.

2037Shrinking cap icon rowBotonesUna fila de botones de íconos redondos cuyo relleno se esconde detrás de una tapa oscura que se colapsa al pasar el mouse, descubriendo el color desde el borde hacia adentro.

2466Add Then Confirm ChipBotonesUn chip oscuro con una etiqueta cálida cuyo signo más se balancea de lado a lado al pasar el mouse, luego gira hasta convertirse en una marca e informa el elemento agregado.

2707Amber upload pillBotonesUna cálida pastilla de carga en degradado con un borde brillante que amplía su tono de color e ilumina la etiqueta desde atrás al pasar el mouse.

2625Anaglyph wobble buttonBotonesUn botón que cuelga en un lento movimiento 3D y, cuando se mantiene suspendido o enfocado, arroja duplicados cálidos y fríos de sí mismo fuera de registro con una oscilación excesiva.

2518Annotated anatomy buttonBotonesUn botón que se explica por sí mismo: al pasar el mouse, aparecen marcas de medición y líneas guía que nombran su relleno, relleno, radio de esquina y ranura de icono.