Botones

Inset sheen button

Inset sheen button: Un botón de utilidad pálido con un borde fino, un resaltado de un píxel a lo largo de su borde superior y un estado presionado que invierte el brillo hacia adentro.

Cómo usar Inset sheen button

Inset sheen button se presenta con el formato de vista previa «en línea» y el tema «claro».

Personalizar la vista previa

Estos controles se pasan a la demo. Los valores y límites describen la vista previa; consulta la implementación para conocer todas sus props.

Control	Tipo	Valor inicial	Límites de la vista previa
`label`	`text`	`Duplicate`	Hasta 24 caracteres
`accent`	`color`	`#7C5CFF`	Los metadatos no indican otro límite.
`radius`	`number`	`6`	De 2 a 14; paso 1
`disabled`	`boolean`	`false`	Los metadatos no indican otro límite.

¿Para qué frameworks está disponible Inset sheen button?

Inset sheen button está disponible para React, Vue, Svelte, Astro, HTML. La vista previa usa React; las observaciones sobre el código corresponden a index.tsx. Revisa la versión elegida antes de asumir que ofrece las mismas interacciones.

¿Qué dependencias tiene Inset sheen button?

Los metadatos de React indican estas dependencias npm además de React: clsx.

¿Qué detalles de accesibilidad se observan en Inset sheen button?

El código React de Inset sheen button incluye: elementos nativos (button); atributos y manejadores (onKeyDown, onKeyUp); comparaciones de teclas (Enter, Space). Son observaciones del código. Comprueba los nombres accesibles, el orden del foco y el comportamiento del teclado en la página completa.

¿Cómo maneja Inset sheen button el movimiento reducido?

El análisis no encontró una consulta directa con useReducedMotion() o matchMedia en el archivo index.tsx de Inset sheen button. Revisa la implementación completa, los estilos compartidos y la versión elegida con movimiento reducido activado; estas observaciones no garantizan que se detengan todas las animaciones.

Conecta tu agente

Componentes abiertos relacionados

Imagen fija del componente Dialog bevel button de Fieldbook, de la categoría Botones.

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.

Imagen fija del componente Elevated chip button de Fieldbook, de la categoría Botones.

2534Elevated chip buttonBotonesUn chip pálido y redondeado que descansa sobre sombras suaves apiladas que se tiñen hacia el acento al pasar el mouse y se hunden en una sombra más profunda con un contorno acentuado cuando se presiona.

Imagen fija del componente Hard edge key button de Fieldbook, de la categoría Botones.

2165Hard edge key buttonBotonesUna tecla compacta estilo hardware que voltea las luces, el contorno y la sombra hacia adentro en el momento en que la presionas.

Imagen fija del componente Breathing Inset Button de Fieldbook, de la categoría Botones.

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.

Imagen fija del componente Invert Fill Button de Fieldbook, de la categoría Botones.

1984Invert Fill ButtonBotonesUn pequeño botón delineado que se llena de manera continua al pasar el mouse mientras su etiqueta cruza al valor opuesto, intercambiando el primer plano y el fondo de manera limpia.

Imagen fija del componente Lifting share chip de Fieldbook, de la categoría Botones.

2480Lifting share chipBotonesUn pequeño chip sólido con un glifo y una etiqueta de mayúsculas cortas que levanta unos cuantos píxeles y se suaviza al pasar el cursor, se asienta cuando se presiona y puede alternar entre un glifo relleno.