ListItem

The ListItem component is used to render a list item.

This takes all the props from the default props table and all the native <li> element.

UnorderedList

The UnorderedList component is used to render an unordered list.

import {ListItem, UnorderedList as List } from "./index.mist";
 
<List>
  <ListItem>Item 1</ListItem>
  <ListItem>Item 2</ListItem>
  <ListItem>Item 3</ListItem>
</List>

Props

This takes all the props from the default props table and all the native <ul> element. Plus the following:

Name	Type	Default	Description
listStyle	string	circle inside none	The style of the list.
listStyleType	string	circle	The type of the list.
listStylePosition	string	inside	The position of the list style.
listStyleImage	string	none	The image of the list style.

OrderedList

The OrderedList component is used to render an ordered list.

import {ListItem, OrderedList as List } from "./index.mist";
 
<List>
  <ListItem>Item 1</ListItem>
  <ListItem>Item 2</ListItem>
  <ListItem>Item 3</ListItem>
</List>

Props

This takes all the props from the default props table and all the native <ol> element. Plus the following:

Name	Type	Default	Description
listStyle	string	decimal inside none	The style of the list.
listStyleType	string	decimal	The type of the list.
listStylePosition	string	inside	The position of the list style.
listStyleImage	string	none	The image of the list style.

Examples

Unordered List

Default

Item 1
Item 2
Item 3

Square

Item 1
Item 2
Item 3

Disc

Item 1
Item 2
Item 3

None

Item 1
Item 2
Item 3

Ordered List

Default

Item 1
Item 2
Item 3

Lower Alpha

Item 1
Item 2
Item 3

Upper Alpha

Item 1
Item 2
Item 3

Lower Roman

Item 1
Item 2
Item 3

Upper Roman

Item 1
Item 2
Item 3

None

Item 1
Item 2
Item 3

Link Spacer