Acme workspace
Manage your project
View all views
OVERLAY
Dropdown
Dropdowns keep contextual actions close to their trigger in one portable floating menu.
PLAYGROUND
A contextual workspace menu
The trigger owns the interaction while scheme styles only the floating option list. Open the menu to inspect its header, entries, divider, and footer.
Acme workspace
Manage your project
View all views
Dropdown scheme:"primary"
trigger
Button variant:"soft" scheme:"primary" iconEnd:"alt-arrow-down"
"Workspace"
header
Text weight:"bold"
"Acme workspace"
item label:"Component catalog" href:"/docs/views"
item label:"Alert component" description:"Open the display documentation" href:"/docs/views/display/alert"
divider
item label:"Billing" disabled:true
footer
Button href:"/docs/views" variant:"ghost" scheme:"primary" size:"sm"
"View all views"STRUCTURE
A small, explicit menu tree
Each dropdown has one trigger and one or more item entries. Header and footer are optional view regions; divider is a prop-free separator.
TRIGGER
Required region
Put any supported view tree in trigger. Its own Button or custom content controls the popover.
ENTRIES
Actionable items
Every item needs a label and can add a description, navigation, action, disabled state, or one SVG icon.
SELECTION
Closes after selection
Enabled items close the popover after navigation or their declared action. Disabled items remain visible but inert.
SCHEMES
A scheme for every menu context
Scheme belongs to the popover surface. The trigger stays independent, so it can match the action that opens the menu.
TARGET BEHAVIOR
One authored menu, native-owned placement
Dowe preserves the same trigger and item model across targets while each generated application owns the floating surface.
WEB
Anchored popover
The generated runtime positions the menu against its trigger and keeps it above nearby page content.
ANDROID
Dowe popup list
Generated Compose uses a Dowe-owned popup list rather than a platform picker or inline layout.
IOS
Compact popover
Generated SwiftUI keeps Dropdown compact as an anchored popover instead of adapting it to a sheet.
API
Props and structural entries
Dropdown also accepts the applicable common font, spacing, sizing, border, radius, and visibility props. Use scheme, not color or variant, to style the floating menu.
Prop or entry | Type | Default |
|---|---|---|
No dataThere are no records to display | ||