List

Importing

A list consists of two components:

• List - wraps the list items (renders a ul or ol tag)
• ListItem - the individual list items (li tags)

import { 
	List, 
	ListItem 
} from '@customerio/pluma-components/react';

Usage

Use the List component as the container, and place ListItem components as its children:

Type

By default, the component will render an unordered (ul) list. To render an ordered (ol) list instead, set the type prop to ordered:

Style

To change the bullet or number style, use the styleType prop. Supported values are:

• none
• disc
• circle
• square
• decimal
• decimal-leading-zero
• lower-roman
• upper-roman

Gap

To change the gap between list items, use the gap prop, which accepts a space token value.