bloomBUILD•SHIP•BLOOM
Layout & StructureAccordion
.md

Accordion

BloomAccordion

A vertically stacked set of interactive headings that each reveal a section of content.

bloom ui add accordion
package: bloom_ui
bloom-uiBloomAccordion
No setState, no full widget tree re-renders. Signals compute dependencies topographically.

Usage

BloomAccordion.dart
dart
BloomAccordion(
  items: const [
    BloomAccordionItem(
      title: 'How do OTA updates work?',
      content: Text('Shorebird downloads Dart AOT patches in the background.'),
    ),
    BloomAccordionItem(
      title: 'Can I copy-paste components?',
      content: Text('Yes! Use the bloom ui CLI to copy source files directly.'),
    ),
  ],
)
Previous Component
Card
Next Component
Tabs