List component for the Max Design System
Berlitz List Component takes in an array of strings which is outputted as list items. This can be set as a unordered list (with a blue dot point on the left side), or an ordered list (that is numbered along the left side). This list has responsive settings allowing you to collapse to a single column layout on the choosen breakpoint as well as setting the number of columns.
``shell`
yarn add @berlitz/List
| Argument | Type | Required | Default | Example |
| --------- | ------ | -------- | ------- | ------------------------------- |
| Data | array | true | - | ['one', 'two', 'three', 'four'] |
| IsOrdered | bool | false | false | |
| cols | number | false | 1 | |
| collapse | array | false | false | ['xs', 'sm', 'md', 'lg', 'xl'] |
`jsx``
import React from 'react'
import List from '@berlitz/List'
const MyApp = () => (
<>
Unordered
Ordered
)
- Bullet Points
- Privacy Policy / TOS