List container component for displaying structured data or content as a vertical list. Provides consistent spacing and divider styling for lists of items. Pair with `ed-list-item` children to create structured, properly-spaced lists. Use for navigation lists, data tables, related items, or any vertically-stacked content.
| Name | Type | Default | Description |
|---|---|---|---|
variant |
String |
'bare' |
List container component for displaying structured data or content as a vertical list. Provides consistent spacing and divider styling for lists of items. Pair with `ed-list-item` children to create structured, properly-spaced lists. Use for navigation lists, data tables, related items, or any vertically-stacked content. / export class EdList extends EdElement { static get styles() { return unsafeCSS(styles); } /** Style variant controlling dividers and borders between items. - `bare`: Removes divider lines between items (minimal styling) If not set, items have divider lines (default). |
spacing |
String |
'padded' | 'condensed' |
Spacing variant controlling vertical padding between items. - `padded`: Increased spacing for emphasis or less dense content - `condensed`: Reduced spacing for compact layouts If not set, uses default spacing. |
| Name | Description |
|---|---|
- |
List items (typically `ed-list-item` components) |
Full interactive examples, variant previews, accessibility audits, and the complete API reference are available in Storybook — generated directly from the component source code.
packages/eddie-web-components/components/list/list.ts