import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
import { ListItem } from './list-item.component';

<Meta title="One-off/ListItem" component={ListItem} />

# List Items

`ListItems` create a list item with an icon, title (header), subtitle (body), and optional subcomponent (ie: progress bar below subtitle).

## Checkbox

<Canvas withToolbar>
  <Story id="one-off-listitem--checklist" />
</Canvas>

## NumberedList

<Canvas withToolbar>
  <Story id="one-off-listitem--numbered-list" />
</Canvas>
