List
Basic Usage
Loading...
Installation
pnpm add @corew500/uiUsage
import { List } from "@corew500/ui/list"
<List>Content</List>Variants
listVariants
| Axis | Values | Default |
|---|---|---|
| spacing | compactdefaultrelaxed | default |
listItemVariants
| Axis | Values | Default |
|---|---|---|
| intent | primarysecondaryaccentmuteddestructive | primary |
API Reference
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | enum | bullet | List style variant |
| intent | enum | primary | Intent color for icons |
| spacing | enum | default | Spacing between items |
| as | enum | — | Render as ul or ol (auto-detected from variant) |
Accessibility
Screen Readers
- Icons use `aria-hidden="true"` as they are decorative
- Screen readers announce list item count and structure
Additional
- - Uses semantic `<ul>` or `<ol>` elements for proper list structure
Localization
Translatable Content
- Pass pre-translated strings for i18n support
Additional
- - Component renders user-provided content as-is