bloomBUILD•SHIP•BLOOM
Layout & StructureTabs
.md

Tabs

BloomTabs

A set of layered sections of content—known as tab panels—that are displayed one at a time. Supports pill and line underline variants.

bloom ui add tabs
package: bloom_ui
bloom-uiBloomTabs
Overview: 24 active microservices running with zero frame drops.

Usage

BloomTabs.dart
dart
BloomTabs<String>(
  defaultValue: 'overview',
  items: const [
    BloomTabItem(value: 'overview', label: Text('Overview'), content: Text('Overview panel')),
    BloomTabItem(value: 'analytics', label: Text('Analytics'), content: Text('Analytics charts')),
    BloomTabItem(value: 'settings', label: Text('Settings'), content: Text('Settings config')),
  ],
)
Previous Component
Accordion
Next Component
Skeleton