Botones

Nested bezel send button

Tres marcos anidados forman un botón físico grueso: un bisel exterior, un pozo sombreado y una cápsula interior cuyo glifo gira una vuelta completa más una cuarta parte al pasar el mouse.

Cómo usar Nested bezel send button

Tres marcos anidados forman un botón físico grueso: un bisel exterior, un pozo sombreado y una cápsula interior cuyo glifo gira una vuelta completa más una cuarta parte 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, spin, hoverScale, 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?

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

2614Raised bezel buttonBotonesUna tecla de acción táctil construida a partir de tres placas apiladas, un borde mecanizado, un cuerpo redondeado y una cara de cápsula insertada, que se hunde en su sombra cuando se presiona.

2583Capsule in frame buttonBotonesUna bandeja exterior con borde que sostiene una cápsula interior flotante que se hunde en el marco a lo largo de una prensa.

2191Molded key send buttonBotonesUn botón de envío moldeado a partir de la propia página: una carcasa exterior elevada que contiene una pastilla interior empotrada con un avión de papel y una etiqueta.

2720Nested capsule buttonBotonesUn botón de pastilla construido a partir de tres cápsulas anidadas que se aplanan en el anillo exterior al pasar el mouse mientras la etiqueta se funde con el color de acento.

2701Plane straighten sendBotonesUn botón de envío construido como un caparazón bordeado alrededor de una pastilla insertada, donde un plano de papel inclinado gira nivelado y la etiqueta avanza al pasar el mouse.

2519Soft relief send buttonBotonesUn botón de envío moldeado a partir de una superficie clara: un borde de dos tonos alrededor de una almohadilla interior suave con un glifo de envío relleno que se hunde mientras se mantiene presionado.