WakeSlider

Slider de barras que deja una estela según la velocidad.

Código: RODD·MI·033
Familia: Microinteracciones
Origen: React Bits (David Haz) · Licencia MIT + Commons Clause

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/WakeSlider-TS-TW

Cuándo usarlo

Para acciones frecuentes: confirmar, marcar, valorar. El feedback convierte un clic en una sensación.

Props para personalizarlo

Prop	Tipo	Por defecto
value	number	undefined
defaultValue	number	50
onChange	(value: number) => void	-
min	number	0
max	number	100
step	number	1
bars	number	32
height	number	56
restHeight	number	12
gap	number	4
fillColor	string	"#f5f5f5"
trackColor	string	"#27272a"
crestColor	string	""
sensitivity	number	1
reach	number	6
skew	number	0.6
glide	number	0.3
smoothing	number	100
showValue	boolean	false
formatValue	(value: number) => string	-
disabled	boolean	false
ariaLabel	string	"Value"
className	string	""

Otros efectos de microinteracciones

CallChip — Chip de llamada a herramienta con progreso y contador en ms.
FolderFloat — Carpeta que se abre y deja flotar sus notas.
JellyRadio — Grupo de opciones cuya selección se hincha como gelatina.
PromptBar — Caja de chat con fuentes @, comandos /, modelo y dictado.
RippleButton — Botón con onda al hacer clic.
Shredder — Lista con trituradora: arrastra una fila para destruirla.