Botón con “deshacer” sobre una mecha que se consume.
npx shadcn@latest add https://reactbits.dev/r/FuseButton-TS-TW
Para acciones frecuentes: confirmar, marcar, valorar. El feedback convierte un clic en una sensación.
| Prop | Tipo | Por defecto |
|---|---|---|
| label | string | "Archive" |
| undoLabel | string | "Undo" |
| doneLabel | string | "Archived" |
| icon | ReactNode | undefined |
| color | string | "#f5f5f5" |
| background | string | "#27272a" |
| fuseColor | string | "#f5a524" |
| size | "sm" | "md" | "lg" | "md" |
| radius | number | 22 |
| undoWindow | number | 4000 |
| fuse | "outline" | "bottom" | "top" | "outline" |
| fuseThickness | number | 1.5 |
| crossfadeMs | number | 200 |
| commitOn | "press" | "fuseEnd" | "press" |
| pauseOnHover | boolean | true |
| settle | "reset" | "stay" | "reset" |
| disabled | boolean | false |
| onCommit | (reason: "press" | "fuseEnd") => void | - |
| onUndo | () => void | - |
| onFuseEnd | () => void | - |
| onPhaseChange | (phase: "idle" | "armed" | "settled") => void | - |
| type | "button" | "submit" | "reset" | "button" |
| className | string | "" |