Botones
Gratis
Botón de metal
Botón de metal pulido con bisel y reflejo que sigue al cursor.
- Plan
- Gratis · MIT
- Dependencias
- Solo React
- Props
- 6 (5 ajustables)
Instalación
1. Instala el paquete
npm i furin2. Impórtalo
import { MetalButton } from "furin";También con pnpm add furin, yarn add furin o bun add furin. Cada componente trae su CSS y lo importa por ti.
Props
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| children | ReactNode | "Comenzar" | Texto del botón. |
| tone | "silver" | "titanium" | "graphite" | "gold" | "silver" | Aleación del botón. |
| size | "sm" | "md" | "lg" | "md" | Tamaño del botón. |
| intensity | number | 1 | Fuerza del reflejo especular que sigue al cursor. |
| disabled | boolean | false | Deshabilita el botón. |
| onClick | (e: MouseEvent) => void | undefined | Se llama al hacer clic. |
Sigue explorando
Copiar
GratisBotón de copiar: el contorno del ícono se transforma en una palomita con un morph de trazo y resorte, y el texto se copia de verdad con navigator.clipboard (con respaldo).
Botones
Descargar
GratisBotón que se afina hasta ser una barra de progreso, avanza a ritmo irregular como una red real y termina en una palomita. Con href descarga el archivo de verdad.
Botones