--- title: "コンポーネント" description: "カテゴリー別に並べたコンポーネントの全インベントリと、現在ドキュメントがあるもの。" url: "https://tanrei.chnotchy.com/ja/components/" last_updated: 2026-10-11T13:58:00.000Z --- # コンポーネント > カテゴリー別に並べたコンポーネントの全インベントリと、現在ドキュメントがあるもの。 Tanrei のインベントリは 96 のコンポーネントファミリーからなります。各プラットフォームで何を提供しているかは[ステータスページ](https://tanrei.chnotchy.com/ja/status/)にあります。コンポーネントは仕様が書かれた時点でここにページができます。「計画中」と書かれた項目は仕様がまだなく、リンクになっていません。各項目の数字は、実装のあるプラットフォーム数です。 コンポーネントのページは、どれも同じ 4 つのセクションで構成されています。 1. **概要** — 何のためのコンポーネントか、どこで使えるか。 2. **仕様** — 構成要素、プロパティ、状態、振る舞い、トークン、プラットフォーム別の名前対応。コンポーネントの仕様ファイルから描画しています。 3. **ガイドライン** — いつ、どのように使うか。 4. **アクセシビリティ** — ロール、キーボード操作、ラベル付け。 tanreicupertinom3-expressive-likem3-like `tanrei` にないもの: [FAB menu](https://tanrei.chnotchy.com/ja/components/fab-menu/)（代わりに [Main action button](https://tanrei.chnotchy.com/ja/components/main-action-button/), [Bottom sheet](https://tanrei.chnotchy.com/ja/components/bottom-sheet/)） · [Segmented button](https://tanrei.chnotchy.com/ja/components/segmented-button/)（代わりに [Tabs](https://tanrei.chnotchy.com/ja/components/tabs/), [Radio button](https://tanrei.chnotchy.com/ja/components/radio-button/), [Button group](https://tanrei.chnotchy.com/ja/components/button-group/)） `cupertino` にないもの: [FAB menu](https://tanrei.chnotchy.com/ja/components/fab-menu/)（代わりに [Main action button](https://tanrei.chnotchy.com/ja/components/main-action-button/), [Bottom sheet](https://tanrei.chnotchy.com/ja/components/bottom-sheet/)） ## アクション Button 0/5 · 基礎 Main action button 0/5 · 基礎 Segmented button 0/5 · 基礎 Button group 0/5 · 基礎 Button with menu 0/5 · 合成 Toolbar 0/5 · 基礎 Copy button 0/5 · 合成 ## 選択 Checkbox 0/5 · 基礎 Radio button 0/5 · 基礎 Switch 0/5 · 基礎 Chip 0/5 · 基礎 Menu 0/5 · 基礎 Slider 0/5 · 基礎 Slider field 0/5 · 合成 Calendar 0/5 · 基礎 DateTimePicker 0/5 · 合成 Field group 0/5 · 基礎 Radio group 0/5 · 合成 Checkbox group 0/5 · 合成 Select 0/5 · 基礎 Select field 0/5 · 合成 Menubar 0/5 · 合成 File upload 0/5 · 機能 File picker 0/5 · 基礎 上級者向け Drop zone 1/5 · 基礎 ## テキスト入力 Text input 0/5 · 基礎 上級者向け Text field 0/5 · 合成 Chip field 0/5 · 合成 Field 0/5 · 基礎 Combobox 0/5 · 基礎 上級者向け Combobox field 0/5 · 合成 Number input 0/5 · 基礎 上級者向け Number field 0/5 · 合成 Color input 0/5 · 基礎 上級者向け Color field 0/5 · 合成 One-time-code input 0/5 · 基礎 上級者向け One-time-code field 0/5 · 合成 Embedded text input 0/5 · 基礎 上級者向け Chat composer 0/5 · 機能 ## コンテインメント Card 0/5 · 基礎 Divider 0/5 · 基礎 Modal layer 1/5 · 基礎 上級者向け Dialog 0/5 · 合成 List 1/5 · 基礎 List row 1/5 · 基礎 Bottom sheet 0/5 · 合成 Side sheet 0/5 · 合成 Carousel 0/5 · 基礎 Code block 0/5 · 基礎 Table 0/5 · 基礎 Popover 0/5 · 基礎 Steps 0/5 · 基礎 Accordion 0/5 · 基礎 Description list 0/5 · 基礎 Figure 0/5 · 基礎 App shell 0/5 · 基礎 Page header 0/5 · 基礎 Tree view 0/5 · 基礎 Timeline 0/5 · 基礎 Image preview 0/5 · 機能 Handle 1/5 · 基礎 Resizable frame 1/5 · 合成 Scroll area 1/5 · 基礎 ## コミュニケーション Badge 0/5 · 基礎 Progress indicator 0/5 · 基礎 Meter 1/5 · 基礎 Number ticker 1/5 · 基礎 Loading indicator 0/5 · 基礎 Snackbar 0/5 · 基礎 Tooltip 0/5 · 基礎 Keyboard shortcut 0/5 · 基礎 Tag 0/5 · 基礎 Inline code 0/5 · 基礎 Callout 0/5 · 基礎 Avatar 0/5 · 基礎 Empty state 0/5 · 基礎 Tag group 0/5 · 基礎 Skeleton 0/5 · 基礎 File item 0/5 · 基礎 Swatch 1/5 · 基礎 Marquee text 1/5 · 基礎 ## ナビゲーション Tabs 0/5 · 基礎 Tab view 0/5 · 合成 App bar 0/5 · 基礎 Navigation bar 0/5 · 基礎 Navigation drawer 0/5 · 合成 Search 0/5 · 機能 Link 0/5 · 基礎 Pagination 1/5 · 基礎 Previous and next links 0/5 · 基礎 Stepper 1/5 · 基礎 Breadcrumbs 0/5 · 基礎 Table of contents 0/5 · 基礎 Link card 0/5 · 基礎 ## 基礎 Prose 0/5 · 基礎 ## M3-like のコンポーネント FAB menu 0/5 · 基礎 生成元 `docs/status/status.json`, `specs/inventory.json`