List

List renders a ul (unordered list) or ol (ordered list) based on the ordered prop.

<List>
  <List.Item>Personalised learning journey</List.Item>
  <List.Item>Adaptive learning to maximise engagement</List.Item>
  <List.Item>Comprehensive, teacher-approved content</List.Item>
  <List.Item>Unlimited, adaptive mock tests</List.Item>
  <List.Item>Detailed performance analytics</List.Item>
</List>

<List ordered>
  <List.Item>Personalised learning journey</List.Item>
  <List.Item>Adaptive learning to maximise engagement</List.Item>
  <List.Item>Comprehensive, teacher-approved content</List.Item>
  <List.Item>Unlimited, adaptive mock tests</List.Item>
  <List.Item>Detailed performance analytics</List.Item>
</List>

Size

Accepts a size prop to change the size of the bullets. The size prop only works with unordered lists.

<List size="sm">
  <List.Item>Personalised learning journey</List.Item>
  <List.Item>Adaptive learning to maximise engagement</List.Item>
  <List.Item>Comprehensive, teacher-approved content</List.Item>
  <List.Item>Unlimited, adaptive mock tests</List.Item>
  <List.Item>Detailed performance analytics</List.Item>
</List>

API Reference

List

Prop	Type	Default	Required
`as`	`JSX.IntrinsicElements`	-	-
`noCapsize`	`boolean`	-	-
`ordered`	`boolean`	-	-
`size`	`"xs"` \| `"sm"` \| `"md"` \| `"lg"` \| `"xl"`	-	-
`theme`	`"primary"`	-	-