LogoLogo
GitHub repository
GitHub repository
    Documentation
  • Overview
  • Getting Started

  • Guides

  • Hooks

  • Components

    • AsyncButton
    • AsyncIconButton
    • CodeBlock
    • CopyButton
    • Enumeration
    • ExampleCard
    • Icon
    • InlineCode
    • Logo
    • PageLoadingIndicator
    • PageOverview
    • Paragraph
    • QuoteBlock
    • SmartImage
    • SmartLink
    • StyleLink

Enumeration

An enumeration or list, similar to HTML's <ol> or <ul> elements.

Props

The same as <ol> or <ul>, as well as:
  • type: The type of enumeration. Can be numbered, bulleted, or checklist.

Examples

Numbered

  1. First
  2. Second
  3. Third
1<Enumeration type="numbered">
2  <EnumerationItem>
3    First
4  </EnumerationItem>
5  <EnumerationItem>
6    Second
7  </EnumerationItem>
8  <EnumerationItem>
9    Third
10  </EnumerationItem>
11</Enumeration>
1<Enumeration type="numbered">
2  <EnumerationItem>
3    First
4  </EnumerationItem>
5  <EnumerationItem>
6    Second
7  </EnumerationItem>
8  <EnumerationItem>
9    Third
10  </EnumerationItem>
11</Enumeration>

Mixed

  1. First
  2. Second
  3. Third
1<Enumeration type="numbered">
2  <EnumerationItem>
3    First
4  </EnumerationItem>
5  <EnumerationItem type="bulleted">
6    Second
7  </EnumerationItem>
8  <EnumerationItem type="checklist" checked>
9    Third
10  </EnumerationItem>
11</Enumeration>
1<Enumeration type="numbered">
2  <EnumerationItem>
3    First
4  </EnumerationItem>
5  <EnumerationItem type="bulleted">
6    Second
7  </EnumerationItem>
8  <EnumerationItem type="checklist" checked>
9    Third
10  </EnumerationItem>
11</Enumeration>

Nested

  1. First
    • Second
    • Third
  2. Fourth
    • Fifth
    • Sixth
1<Enumeration type="numbered">
2  <EnumerationItem>
3    First
4    <Enumeration type="bulleted">
5      <EnumerationItem>
6        Second
7      </EnumerationItem>
8      <EnumerationItem>
9        Third
10      </EnumerationItem>
11    </Enumeration>
12  </EnumerationItem>
13  <EnumerationItem>
14    Fourth
15    <Enumeration type="checklist">
16      <EnumerationItem>
17        Fifth
18      </EnumerationItem>
19      <EnumerationItem checked>
20        Sixth
21      </EnumerationItem>
22    </Enumeration>
23  </EnumerationItem>
24</Enumeration>
1<Enumeration type="numbered">
2  <EnumerationItem>
3    First
4    <Enumeration type="bulleted">
5      <EnumerationItem>
6        Second
7      </EnumerationItem>
8      <EnumerationItem>
9        Third
10      </EnumerationItem>
11    </Enumeration>
12  </EnumerationItem>
13  <EnumerationItem>
14    Fourth
15    <Enumeration type="checklist">
16      <EnumerationItem>
17        Fifth
18      </EnumerationItem>
19      <EnumerationItem checked>
20        Sixth
21      </EnumerationItem>
22    </Enumeration>
23  </EnumerationItem>
24</Enumeration>