List
- Item 1
- Item 2
---
import List from 'fulldev-ui/components/List.astro'
---
<List items={['Item 1', 'Item 2']} />
Props
| Prop | Type | Default |
|---|---|---|
| items | string[] | - |
| HTML Attributes | 'ul' | 'ol' | - |
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']} />