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

UnorderedList

Import

  import UnorderedList from '@govuk-react/unordered-list';

Usage

Simple

import UnorderedList from '@govuk-react/unordered-list';
import ListItem from '@slice-and-dice/govuk-react-list-item';

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

with Roman

import UnorderedList from '@govuk-react/unordered-list';
import ListItem from '@slice-and-dice/govuk-react-list-item';

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

References

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

Properties