コンポーネント

Tanrei のインベントリは 96 のコンポーネントファミリーからなります。各プラットフォームで何を提供しているかはステータスページにあります。コンポーネントは仕様が書かれた時点でここにページができます。「計画中」と書かれた項目は仕様がまだなく、リンクになっていません。各項目の数字は、実装のあるプラットフォーム数です。

コンポーネントのページは、どれも同じ 4 つのセクションで構成されています。

1. 概要 — 何のためのコンポーネントか、どこで使えるか。
2. 仕様 — 構成要素、プロパティ、状態、振る舞い、トークン、プラットフォーム別の名前対応。コンポーネントの仕様ファイルから描画しています。
3. ガイドライン — いつ、どのように使うか。
4. アクセシビリティ — ロール、キーボード操作、ラベル付け。

tanreicupertinom3-expressive-likem3-like

tanrei にないもの: FAB menu（代わりに Main action button, Bottom sheet） · Segmented button（代わりに Tabs, Radio button, Button group）

cupertino にないもの: FAB menu（代わりに Main action button, 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