Playground
List
typography
Styled unordered and ordered lists
Consistent list formatting with size and variant control
import { List } from "@everydayos/ui";Usage
Basic bullet list
- First item with some content
- Second item with more details
- Third item to complete the set
API
asululol
defaultpreferredrare
sizemsml
defaultpreferredrare
variantdefaultdefaultmuted
defaultpreferredrare
| Prop | Type | Default |
|---|---|---|
className | string | — |
children* | React.ReactNode | — |
Examples
Ordered List
Numbered list for sequential steps
- Install the dependencies
- Configure your environment
- Run the development server
Muted List
Secondary list with muted styling
Features
- Token-based design system
- Composable primitives
- Accessible by default
Composition
Pairs well with
Text
Stack
Surface
When to avoid
- Need custom list styling — use plain ul/ol with custom classes
- Need inline items — use Inline instead