Item

1 行／2 行／3 行の M3 リスト項目。leading / trailing スロットとインタラクティブ状態をサポート。

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

Import

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

<Item
  headline="タイトル"
  supportingText="補助テキスト"
  leading={<Icon name="person" />}
  trailing={<Icon name="chevron_right" />}
/>