Item
Basic Usage
Loading...
Installation
pnpm add @corew500/uiUsage
import { Item } from "@corew500/ui/item"
<Item>Content</Item>Variants
itemVariants
| Axis | Values | Default |
|---|---|---|
| variant | defaultoutlinemuted | default |
| size | defaultsmxs | default |
itemMediaVariants
| Axis | Values | Default |
|---|---|---|
| variant | defaulticonimage | default |
API Reference
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| render | enum | — | Allows you to replace the component’s HTML element with a different tag, or compose it with another component. Accepts a `ReactElement` or a function that returns the element to render. |
| variant | enum | default | — |
| size | enum | default | — |
Accessibility
Screen Readers
- - Uses role="list" for screen reader list semantics
Additional
- Each Item within should be a list item conceptually
Localization
Translatable Content
- - All text content flows through ItemTitle and ItemDescription
- Pass pre-translated strings to child components