Drop down menu component with smooth animations and customizable options.
npx animatex-pro add dropdown| Prop | Default | Description |
| className | None | Style the button with tailwind styles |
| stagger | 0 | Controls the delay between each option's animation. |
| layered | false | Enables layered hover effect on options. |
| smartDirection | false | Automatically adjusts the dropdown direction based on available space. |
| options | [] | Array of options to be displayed in the dropdown. |
| onChange | () => {} | Callback function that gets called when an option is selected. |
| defaultOption | {text: '', value: ''} | Sets the default option displayed when no option is selected. |
| menuStyle | {} | Custom styles for the dropdown menu. |
| optionStyle | {} | Custom styles for each dropdown option. |
| layerStyle | {} | Custom styles for the layered hover effect. |
You selected: