List
- Item 1
- Item 2
---
import List from 'fulldev-ui/components/List.astro'
---
<List items={['Item 1', 'Item 2']} />
Props
| Prop | Type | Default |
|---|---|---|
| size | 'sm' | 'md' | 'lg' | - |
| color | 'base' | 'brand' | - |
| contrast | boolean | - |
| items | (string | { text: string | - |
| as | HTMLTag | ul |
| HTML Attributes | Polymorphic<ul> | - |
Examples
- Item 1
- Item 2
- Item 1
- Item 2
- Item 1
- Item 2
---
import List from 'fulldev-ui/components/List.astro'
---
<List size="sm" items={['Item 1', 'Item 2']} />
<List size="md" items={['Item 1', 'Item 2']} />
<List size="lg" items={['Item 1', 'Item 2']} />
- Item 1
- Item 2
- Item 1
- Item 2
---
import List from 'fulldev-ui/components/List.astro'
---
<List color="base" items={['Item 1', 'Item 2']} />
<List color="brand" items={['Item 1', 'Item 2']} />
- Item 1
- Item 2
- Item 1
- Item 2
---
import List from 'fulldev-ui/components/List.astro'
---
<List items={['Item 1', 'Item 2']} />
<List contrast items={['Item 1', 'Item 2']} />