STRUCTURAL CONTENT
Items stay inspectable
Each panel has a stable id, a label, and a normal Dowe view tree as its body.
DISPLAY
Accordion
Accordion keeps the same normalized state, disclosure geometry, and border treatment across web, Android Compose, the Android development launcher, and iOS. Ghost stays editorial and quiet by default; soft, outlined, and solid treatments make the variant-versus-scheme balance explicit when a surface needs more emphasis.
PLAYGROUND
Build a release FAQ
multiple:true lets readers compare answers without closing the panel they are already reading; multiple:false always keeps at most one item open.
Dowe lowers the page to a shared view model and lets each target render its own native disclosure behavior.
The source remains target-neutral.
No. Web runtime behavior is Dowe-owned, while Android and iOS use their native state primitives.
Disabled entries remain visible and explain why a section is not currently available.
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
Compile once, inspect the generated artifact, and ship the selected target.
Keep compiler diagnostics and target checks in the same workflow.
SCHEME
Surface documentation
background and surface are structural families intended for documentation panels.
solid, soft, outlined, and ghost describe treatment; scheme supplies the matching container, content, border, and Icon colors.
SINGLE OPEN
Progressive disclosure
Use the default-open item to establish the first step.
The next choice replaces the previous panel when multiple is false.
API
Props
Accordion also accepts the applicable common spacing, sizing, border, visibility, and accessibility props. Ghost uses separators, soft uses a subtle item border, and solid or outlined use full item borders consistently on every target.
Prop | Type | Default |
|---|---|---|
No dataThere are no records to display | ||