@agala-labs/ui
List Group
Displays scan-friendly related records or actions.
Examples
Default
Activations: 0
Default queue
In progress
Completed
Needs review
Failed
Custom badge slot
Custom trailing slot
Disabled queue
<AgalaListGroup><AgalaListGroupItem label="Invoices" subtitle="12 open" icon="document" /></AgalaListGroup>Import
import { AgalaListGroup, AgalaListGroupItem } from '@agala-labs/ui'API
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'divided' | 'cards' | 'divided' | Group presentation. |
gap | string | — | Custom gap. |
borderless / dividers | boolean | — | Border controls. |
label | string | — | Required item label. |
subtitle | string | — | Item supporting copy. |
icon / actionIcon | string | — | Agala icon names. |
badge | string | number | — | Trailing count/status. |
badgeVariant | 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'default' | Built-in badge semantic treatment. |
disabled | boolean | false | Disables an item. |
Slots
ListGroup: defaultListGroupItem: leading, default, trailing, badge
Accessibility
Choose semantic content inside each item and label action icons.