Botón de notificaciones con campana que suena al activarlo.
npx shadcn@latest add https://reactbits.dev/r/BellToggle-TS-TW
Para acciones frecuentes: confirmar, marcar, valorar. El feedback convierte un clic en una sensación.
| Prop | Tipo | Por defecto |
|---|---|---|
| offLabel | string | "Notify me" |
| onLabel | string | "You'll be notified" |
| icon | ReactNode | undefined |
| label | string | undefined |
| color | string | "#f5f5f5" |
| background | string | "#27272a" |
| onColor | string | "#18181b" |
| onBackground | string | "#f5f5f5" |
| size | "sm" | "md" | "lg" | "md" |
| radius | number | 22 |
| ringAmplitude | number | 17 |
| ringPasses | number | 5 |
| ringDecay | number | 1 |
| ringDuration | number | 820 |
| ringPivot | number | 16 |
| crossfadeMs | number | 200 |
| revealBounce | number | 0 |
| count | number | 0 |
| badge | boolean | true |
| badgeColor | string | "#ef4444" |
| badgeTextColor | string | "#ffffff" |
| waves | boolean | true |
| clapper | boolean | false |
| pressed | boolean | undefined |
| defaultPressed | boolean | false |
| onChange | (pressed: boolean) => void | - |
| disabled | boolean | false |
| className | string | "" |