Animated List
Customize AnimatedList
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Props
| Property | Type | Default | Description |
|---|---|---|---|
| items | string[] | ['Item 1', 'Item 2', 'Item 3', ...] | Array of items to display in the list. |
| onItemSelect | (item: string, index: number) => void | - | Callback function when an item is selected. |
| showGradients | boolean | true | Show gradient overlays at top and bottom of scrollable list. |
| enableArrowNavigation | boolean | true | Enable keyboard navigation with arrow keys and tab. |
| className | string | "" | Additional CSS classes for the container. |
| itemClassName | string | "" | Additional CSS classes for individual items. |
| displayScrollbar | boolean | true | Show or hide the scrollbar. |
| initialSelectedIndex | number | -1 | Initial selected item index (-1 for no selection). |
Dependencies
motion
Created with ❤️ by Cybershoora