@slice-and-dice/govuk-react-ordered-list v0.7.1

OrderedList

Import

  import OrderedList from '@govuk-react/ordered-list';

Usage

Simple

import OrderedList from '@govuk-react/ordered-list';
import ListItem from '@govuk-react/list-item';

<OrderedList>
  <ListItem>Lorem ipsum dolor sit.</ListItem>
  <ListItem>Consectetur adipiscing elit.</ListItem>
  <ListItem>Curabitur et libero nec.</ListItem>
</OrderedList>

with Roman

import OrderedList from '@govuk-react/ordered-list';
import ListItem from '@govuk-react/list-item';

<OrderedList listStyleType="lower-roman">
  <ListItem>Lorem ipsum dolor sit.</ListItem>
  <ListItem>Consectetur adipiscing elit.</ListItem>
  <ListItem>Curabitur et libero nec.</ListItem>
</OrderedList>

References

• https://design-system.service.gov.uk/styles/typography/#lists
• https://github.com/alphagov/govuk-frontend/blob/master/src/core/_lists.scss

TODO

• Consider using the context API https://github.com/reactjs/rfcs/blob/master/text/0002-new-version-of-context.md

Properties