Dropdown Menu
A Dropdown Menu component is a UI element that allows users to select an option from a list that appears when the user clicks or hovers over a button or link. This component helps save space on the interface by displaying additional options only when needed. Dropdown menus are commonly used for navigation, settings, or forms, enabling users to choose from multiple choices in a clean and organized manner.
# Demo
Demo Coming Soon
Menu examples will be available soon.
# Usage
# Attributes
| Name | Type | Default | Details |
|---|---|---|---|
| size | MenuSize | Optional | Size of the menu. |
| title | React.ReactNode | Optional | Title for the menu. |
| side | 'top' | 'bottom' | 'right' | 'left' | Optional | Side where menu appears. |
| align | 'start' | 'end' | 'center' | Optional | Alignment of the menu. |
| className | string | ' ' | You can customise by passing tailwind classes. |
| triggerClassName | string | ' ' | You can customise by passing tailwind classes. |
| titleClassName | string | ' ' | You can customise by passing tailwind classes. |
| trigger | React.ReactNode | Required | Trigger element for the menu. |
| children | React.ReactNode | Required | Menu content. |
# Tags