List item
List item component. The List item width is determined by the width of the parent container.
Single line item
Single line item
Single line item
Size (by default: medium)
Large
Medium
Icon and Meta
Single line item
Single line item
Single line item
Single line item
MetaTwo lines item
Two lines item
Lorem Ipsum is simply dummy text of the printing and typesetting industry
Two lines item
Lorem Ipsum is simply dummy text of the printing and typesetting industry
Size (by default: medium)
Large
Lorem Ipsum is simply dummy text of the printing and typesetting industry
Medium
Lorem Ipsum is simply dummy text of the printing and typesetting industry
Icon and Meta
Two lines item
Lorem Ipsum is simply dummy text of the printing and typesetting industry
Two lines item
Lorem Ipsum is simply dummy text of the printing and typesetting industry
Two lines item
Lorem Ipsum is simply dummy text of the printing and typesetting industry
Two lines item
MetaLorem Ipsum is simply dummy text of the printing and typesetting industry
Checkbox
Two lines item
Lorem Ipsum is simply dummy text of the printing and typesetting industry
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| subtext | React.ReactElement | No | - | List item subtext |
| size | medium | large | No | medium | List item size |
| backgroundColor | ColorProps | No | - | List item background color |
| color | ColorProps | No | - | List item color |
| elementLeft | React.ReactElement | No | - | Element on the left |
| elementRight | React.ReactElement | No | - | Element on the right |
| isMeta | boolean | No | false | - |