DragElements
Elementos que puedes arrastrar y lanzar.
- Código: RODD·CP·054
- Familia: Componentes
- Origen: Fancy Components (Daniel Petho) · Licencia MIT
Cómo instalarlo
npx shadcn@latest add "https://fancycomponents.dev/r/drag-elements.json"
Cuándo usarlo
Sustituyen a un componente estándar cuando la experiencia es parte del producto.
Props para personalizarlo
| Prop | Tipo | Por defecto |
|---|
| children | unknown | |
| dragElastic | number | 0.5 |
| dragConstraints | unknown | |
| dragMomentum | boolean | true |
| dragTransition | unknown | { bounceStiffness: 200, bounceDamping: 300 } |
| dragPropagation | boolean | true |
| selectedOnTop | boolean | true |
| className | unknown | |
Otros efectos de componentes
- Folder — Carpeta que se abre para revelar su contenido.
- InfiniteSpiral — Hélice 3D infinita de imágenes.
- Marquee — Carrusel infinito para logos, opiniones o imágenes.
- MorphSlider — Slider WebGL que funde imágenes con una transición líquida.
- PixelImage — Imagen que se revela píxel a píxel.
- SpotlightCard — Tarjeta con foco de luz que sigue al cursor.