List renders an unordered or ordered list

List renders a ul or ol based on the type prop and accepts a theme prop to change the color of the bullets and allows varying sizes.

<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>
<List theme="primary" 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

PropTypeDefaultRequired
asJSX.IntrinsicElements

-

-

theme
"primary"

-

-

size
"xs" | "sm" | "md" | "lg" | "xl"

-

-

noCapsize
boolean

-

-

cssCSSProperties

-

-

ordered
boolean

-

-