Dropdown

Dropdown components display a menu of options when triggered by a button or other element.

Preview

Builder

Variant
Options Content
Snippets

The component accepts the following props:

Prop
Type
Default
Title

Description Error

No data

There are no records to display

Option Type

Each option in the options array should follow this structure:

The component accepts the following props:

Prop
Type
Default
Title

Description Error

No data

There are no records to display

Usage Notes

  • The children snippet is required and typically contains the trigger element (e.g., a Button).
  • Use the header snippet for displaying user info or context at the top of the dropdown.
  • Use the footer snippet for additional information or actions at the bottom.
  • Options can include icons or avatars (via src), but not both simultaneously.
  • When href is provided, the option will render as a link instead of a button.
  • Use onclick for custom actions when an option is clicked.