List

v1.3.9 Edit this page

Lists can help make content really scannable within a long article or complex layout. Choose to display ordered or unordered lists of information as it makes sense to your use case.

Some best practices include

  • Keep list items brief and scannable avoiding long sentences
  • Ideally list items are a few words or one short sentence
  • Avoid using lists within tables (spacing will be enough to differentiate items)

Usage

Loading examples...

Props

<List>

Name

Description

Type

Default

ordered

Creates a ordered, numbered list.

bool

false

component

Allows you to provide a React component or other HTML element, overriding the default `ul` and `ol` options.

any

children

Children inside the <ul> or <ol>. Should be <Li> elements.

node

className

string

Maintainers

This component is maintained by the FEI team.