Elementos que se mueven siguiendo un trazado SVG.
npx shadcn@latest add "https://fancycomponents.dev/r/element-along-svg-path.json"
Sustituyen a un componente estándar cuando la experiencia es parte del producto.
| Prop | Tipo | Por defecto |
|---|---|---|
| path | string | |
| pathId | string | |
| className | string | |
| preserveAspectRatio | PreserveAspectRatio | "xMidYMid meet" |
| showPath | boolean | false |
| direction | "normal" | "reverse" | "normal" |
| width | string | number | "100%" |
| height | string | number | "100%" |
| viewBox | string | "0 0 100 100" |
| animationType | "auto" | "scroll" | "auto" |
| duration | number | 4 |
| transition | any | { duration: 4, repeat: Infinity, ease: "linear" } |
| scrollContainer | RefObject<HTMLElement | null> | |
| scrollOffset | UseScrollOptions["offset"] | ["start end", "end end"] |
| scrollTransformValues | [number, number] | [0, 100] |
| children | React.ReactNode |