コンテンツにスキップ
Lism UI

List

ブラウザの標準的なスタイルを持つリストレイアウトを呼び出すコンポーネントです。

Import

import { List } from '@lism-ui/core';

Usage

↓
Preview
  • List item 1
  • List item 2
    • Nested item
    • …
      • Nested item
      • …
  • List item 3
    1. Nested item
    2. …
<List>
  <li>List item 1</li>
  <li>
    List item 2
    <ul>
      <li>Nested item</li>
      <li>...</li>
    </ul>
  </li>
  <li>
    List item 3
    <ol>
      <li>Nested item</li>
      <li>...</li>
    </ol>
  </li>
</List>
↓
Ordered List
  1. List item 1
  2. List item 2
    1. Nested item
    2. …
      1. Nested item
      2. …
  3. List item 3
    • Nested item
    • …
<List tag='ol'>
  <li>List item 1</li>
  <li>
    List item 2
    <ol>
      <li>Nested item</li>
      <li>...</li>
    </ol>
  </li>
  <li>
    List item 3
    <ul>
      <li>Nested item</li>
      <li>...</li>
    </ul>
  </li>
</List>