UnorderedList

Source code
Table of Contents

Usage

Default

  • Unordered list item
  • Unordered list item
  • Unordered list item
<script>
  import { UnorderedList, ListItem } from "carbon-components-svelte";
</script>

<UnorderedList>
  <ListItem>Unordered list item</ListItem>
  <ListItem>Unordered list item</ListItem>
  <ListItem>Unordered list item</ListItem>
</UnorderedList>

<script>
  import { UnorderedList, ListItem, Link } from "carbon-components-svelte";
</script>

<UnorderedList>
  <ListItem>
    <Link href="#">Unordered list item</Link>
  </ListItem>
  <ListItem>
    <Link href="#">Unordered list item</Link>
  </ListItem>
  <ListItem>
    <Link href="#">Unordered list item</Link>
  </ListItem>
</UnorderedList>

Nested

  • Unordered list level 1
    • Unordered list level 2
    • Unordered list level 3
      • Unordered list level 3
      • Unordered list level 3
  • Unordered list level 1
  • Unordered list level 1
<script>
  import { UnorderedList, ListItem } from "carbon-components-svelte";
</script>

<UnorderedList>
  <ListItem>
    Unordered list level 1
    <UnorderedList nested>
      <ListItem>Unordered list level 2</ListItem>
      <ListItem>
        Unordered list level 3
        <UnorderedList nested>
          <ListItem>Unordered list level 3</ListItem>
          <ListItem>Unordered list level 3</ListItem>
        </UnorderedList>
      </ListItem>
    </UnorderedList>
  </ListItem>
  <ListItem>Unordered list level 1</ListItem>
  <ListItem>Unordered list level 1</ListItem>
</UnorderedList>
Table of Contents