List

M3 リストコンテナ。List.Item または Item コンポーネントと組み合わせて使用します。

参考: Material Design 3 公式ガイドライン m3.material.io/components/lists/overview

Import

import { List, ThemeProvider } from '@m3-baseui/react-tailwind';

使用例

<List.Root>
  <List.Item interactive leading={<Icon name="inbox" />} supportingText="未読 3 件">
    受信トレイ
  </List.Item>
  <List.Item interactive leading={<Icon name="send" />}>
    送信済み
  </List.Item>
</List.Root>

Props

Prop	型	既定値	説明
`List.Item interactive`	`boolean`	—	クリック可能な行
`leading / trailing / supportingText`	`ReactNode \| string`	—	スロット