Dowe

DISPLAY

Accordion

Accordion organizes related content into explicit item entries with target-owned disclosure state, optional multi-open behavior, and portable child views.

STRUCTURAL CONTENT

Items stay inspectable

Each panel has a stable id, a label, and a normal Dowe view tree as its body.

PLAYGROUND

Build a release FAQ

multiple:true lets readers compare answers without closing the panel they are already reading.

Where does the source run?⌄

Dowe lowers the page to a shared view model and lets each target render its own native disclosure behavior.

The source remains target-neutral.

Does it require a JavaScript package?⌄

Can this item be disabled?⌄

Accordion multiple:true variant:"outlined" scheme:"surface" rounded:"md"
  item id:"source" label:"Where does the source run?" defaultOpen:true
    Text size:"sm" color:"muted"
      "Dowe lowers the page to a shared view model."
  item id:"runtime" label:"Does it require a JavaScript package?"
    Text size:"sm" color:"muted"
      "No. Web, Android, and iOS use Dowe-owned output."
  item id:"migration" label:"Can this item be disabled?" disabled:true
    Text size:"sm" color:"muted"
      "Disabled entries remain visible."

ADVANCED PATTERNS

Use the body as a real view tree

Accordion items are not string-only slots. Use Grid, Flex, Text, Title, and actions to make each answer useful on its own.

OPERATIONS

Deployment checks

Build artifact⌄

Compile once, inspect the generated artifact, and ship the selected target.

Validation⌄

SCHEME

Surface documentation

Use scheme for families⌄

background and surface are structural families intended for documentation panels.

Keep variant orthogonal⌄

SINGLE OPEN

Progressive disclosure

First decision⌄

Use the default-open item to establish the first step.

Second decision⌄

API

Props

Accordion also accepts the applicable common spacing, sizing, border, visibility, and accessibility props.

Prop	Type	Default
No data There are no records to display

Previous ToggleGroup

Next Avatar

No data