Dowe

ViewsServerDev
OverviewFlexGridAppBarFooterBottomBarScaffoldShadow
State
SignalsStore
Logic
FunctionsEachShow
Utilities
Parse
Control
AudioButtonFabIconButtonImageSvgVideoRecordToggleGroup
Charts
CandlestickArcChartAreaChartBarChartLineChartPieChart
Display
AlertAvatarAvatarGroupBadgeAccordionCardCarouselChatBoxChipCollapsibleCountdownDividerEmptyIframeMapMarqueeRichTextSkeletonTableSection
Form
CheckboxInputSelectSliderToggleColorComboBoxCsvFieldDateDateRangeDragDropDropzoneEditorImageCropperPasswordFieldPhoneFieldPinField
Multi theme
ToggleThemeSelectTheme
Navigation
NavMenuRailNavSideNavTabsPagination
Overlay
DropdownModalAlertDialogCommandTooltip

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

Component catalogBrowse every Dowe viewAlert componentOpen the display documentation
BillingAvailable to workspace owners

View all views

dowe
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.

ITEMS

Navigation, actions, and descriptions

Use href for navigation or onClick for a declared view action. Item descriptions help people distinguish related destinations without making the menu hard to scan.

Document navigation

View catalogStart with every available componentButtonsExplore the action controlInputsReview form input patterns

Optional SVG icon

AlertsStatus and feedback surfacesAvatarIdentity display component

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.

Primary menu
Secondary menu
Tertiary menu
Muted menu
Success menu
Info menu
Warning menu
Danger menu
Surface menu
Background 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 data

There are no records to display

OverviewFlexGridAppBarFooterBottomBarScaffoldShadow
State
SignalsStore
Logic
FunctionsEachShow
Utilities
Parse
Control
AudioButtonFabIconButtonImageSvgVideoRecordToggleGroup
Charts
CandlestickArcChartAreaChartBarChartLineChartPieChart
Display
AlertAvatarAvatarGroupBadgeAccordionCardCarouselChatBoxChipCollapsibleCountdownDividerEmptyIframeMapMarqueeRichTextSkeletonTableSection
Form
CheckboxInputSelectSliderToggleColorComboBoxCsvFieldDateDateRangeDragDropDropzoneEditorImageCropperPasswordFieldPhoneFieldPinField
Multi theme
ToggleThemeSelectTheme
Navigation
NavMenuRailNavSideNavTabsPagination
Overlay
DropdownModalAlertDialogCommandTooltip