ElasticSlider
Slider cuyo tirador se estira y vuelve con muelle.
- Código: RODD·CP·018
- Familia: Componentes
- Origen: React Bits (David Haz) · Licencia MIT + Commons Clause
Cómo instalarlo
npx shadcn@latest add https://reactbits.dev/r/ElasticSlider-TS-TW
Cuándo usarlo
Sustituyen a un componente estándar cuando la experiencia es parte del producto.
Props para personalizarlo
| Prop | Tipo | Por defecto |
|---|
| defaultValue | number | 50 |
| startingValue | number | 0 |
| maxValue | number | 100 |
| className | string | |
| isStepped | boolean | false |
| stepSize | number | 1 |
| leftIcon | JSX.Element | <>-</> |
| rightIcon | JSX.Element | <>+</> |
Otros efectos de componentes
- GlassSurface — Superficie de cristal estilo Apple con distorsión en tiempo real.
- LineSidebar — Barra lateral cuyos elementos reaccionan a la cercanía del cursor.
- Masonry — Masonry responsive con reflujo animado.
- OptionWheel — Selector curvo tipo rueda que gira con scroll, arrastre o flechas.
- ReflectiveCard — Tarjeta metálica que refleja tu webcam y la luz.
- StaggeredMenu — Menú a pantalla completa con entrada escalonada.