Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA list whose items enter one after another and slide to their new positions when the list is filtered, sorted or changed.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
| Prop | Type | Default | Description |
|---|---|---|---|
as | "ul" | "ol" | "div" | "ul" | Element for the list. |
stagger | number | 0.07 | Seconds between items. |
delay | number | 0 | Seconds before the first item. |
direction | "up" | "down" | "left" | "right" | "scale" | "up" | Where items come from. |
distance | number | 16 | Travel distance in pixels. |
inView | boolean | true | Wait until the list scrolls into view before playing. |
reorder | boolean | true | Animate items to their new place when the list changes. |
Also accepts all <ul> props.
Renders an <li> and accepts all <li> props. Keep each item's key stable so reordering animates.