メインコンテンツへスキップ
menumenu tanreiexpand_morecontrasttranslate
tanreiexpand_more
はじめにWebReactSwiftUIJetpack ComposeFlutterReact Nativeプリセット自分のデザインシステムを作るAI エージェントと Tanrei を使うブランドデザイントークンデザインシステムとカスタマイズTheme Studioカラータイポグラフィアイコン形状エレベーションモーションインタラクション状態振る舞いレイアウトアクセシビリティ言葉カラートークンタイプスケールトークン形状トークンエレベーショントークンモーショントークン状態トークンスペースと寸法のトークンコンポーネントボタンメインアクションボタンセグメントボタンボタングループメニュー付きボタンツールバーコピーボタンチェックボックスラジオボタンスイッチチップメニュースライダースライダーフィールドカレンダーDateTimePickerフィールドグループラジオグループチェックボックスグループセレクトセレクトフィールドメニューバーファイルアップロードファイルピッカー 上級者向けドロップゾーンテキスト入力欄 上級者向けテキストフィールドチップフィールドフィールドコンボボックス 上級者向けコンボボックスフィールド数値入力欄 上級者向け数値フィールドカラー入力欄 上級者向けカラーフィールドワンタイムコード入力欄 上級者向けワンタイムコードフィールド埋め込みテキスト入力欄 上級者向けチャットコンポーザーカード区切り線モーダルレイヤー 上級者向けダイアログリストリスト行ボトムシートサイドシートカルーセルコードブロックテーブルポップオーバーステップアコーディオン説明リスト図アプリシェルページヘッダーツリービュータイムライン画像プレビューハンドルサイズ変更できる枠スクロールエリアバッジプログレスインジケーターメーターナンバーティッカーローディングインジケータースナックバーツールチップキーボードショートカットタグインラインコードコールアウトアバター空の状態タググループスケルトンファイル項目色見本マーキーテキストタブタブビューアプリバーナビゲーションバーナビゲーションドロワー検索リンクページネーション前後のリンクステッパーパンくずリスト目次リンクカードFAB メニューステータスTanrei の作り方コントリビューションライセンスと帰属
ホームプロジェクトステータス

ステータス

どのコンポーネントがどのプラットフォームにあるか。リポジトリから自動生成しています。

content_copyMarkdown で表示

このページは手で書いていません。下の表は pnpm generate が、コンポーネント仕様と、各プラットフォームのパッケージに実在するもの（実装、テスト、スナップショット、ドキュメントページ）から生成します。セルが「計画中」であれば、どんな意図があったとしても、提供できるものはまだそこにありません。

あるプラットフォームでコンポーネントが「計画中」より先へ進めるのは、パリティチェッカーがこれらすべてを確認できたときだけです。そのため、この表がリポジトリの実態以上のことを主張することはありません。

凡例

radio_button_unchecked
インベントリに登録済み。提供できる実装はまだありません。
schedule
以前の仕様の実装はありますが、現在の仕様にはまだ追従していません。
clock_loader_40
テスト付きで実装済み。API は変更される可能性があります。
clock_loader_80
機能が揃い、パリティも確認済み。以降は修正のみを想定しています。
check_circle
セマンティックバージョニングの対象です。
block
提供は継続中ですが、削除を予定しています。

プラットフォーム別の集計

ステータス Web SwiftUI Jetpack Compose Flutter React Native
radio_button_unchecked 0 67 67 67 67
schedule 83 29 29 29 29
clock_loader_40 13 0 0 0 0
clock_loader_80 0 0 0 0 0
check_circle 0 0 0 0 0
block 0 0 0 0 0
合計 96 96 96 96 96

アクション · 8 コンポーネント

コンポーネント レベル 仕様 Web SwiftUI Jetpack Compose Flutter React Native
Button button 基礎 作成済み schedule schedule schedule schedule schedule
Main action button main-action-button 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Segmented button segmented-button 基礎 作成済み schedule schedule schedule schedule schedule
Button group button-group 基礎 作成済み schedule schedule schedule schedule schedule
Button with menu button-with-menu 合成 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
FAB menu fab-menu 基礎 作成済み schedule schedule schedule schedule schedule
Toolbar toolbar 基礎 作成済み schedule schedule schedule schedule schedule
Copy button copy-button 合成 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked

選択 · 18 コンポーネント

コンポーネント レベル 仕様 Web SwiftUI Jetpack Compose Flutter React Native
Checkbox checkbox 基礎 作成済み schedule schedule schedule schedule schedule
Radio button radio-button 基礎 作成済み schedule schedule schedule schedule schedule
Switch switch 基礎 作成済み schedule schedule schedule schedule schedule
Chip chip 基礎 作成済み schedule schedule schedule schedule schedule
Menu menu 基礎 作成済み schedule schedule schedule schedule schedule
Slider slider 基礎 作成済み schedule schedule schedule schedule schedule
Slider field slider-field 合成 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Calendar calendar 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
DateTimePicker date-time-picker 合成 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Field group field-group 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Radio group radio-group 合成 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Checkbox group checkbox-group 合成 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Select select 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Select field select-field 合成 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Menubar menubar 合成 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
File upload file-upload 機能 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
File picker file-picker 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Drop zone drop-zone 基礎 作成済み clock_loader_40 radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked

テキスト入力 · 14 コンポーネント

コンポーネント レベル 仕様 Web SwiftUI Jetpack Compose Flutter React Native
Text input text-input 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Text field text-field 合成 作成済み schedule schedule schedule schedule schedule
Chip field chip-field 合成 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Field field 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Combobox combobox 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Combobox field combobox-field 合成 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Number input number-input 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Number field number-field 合成 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Color input color-input 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Color field color-field 合成 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
One-time-code input one-time-code-input 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
One-time-code field one-time-code-field 合成 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Embedded text input embedded-text-input 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Chat composer chat-composer 機能 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked

コンテインメント · 24 コンポーネント

コンポーネント レベル 仕様 Web SwiftUI Jetpack Compose Flutter React Native
Card card 基礎 作成済み schedule schedule schedule schedule schedule
Divider divider 基礎 作成済み schedule schedule schedule schedule schedule
Modal layer modal-layer 基礎 作成済み clock_loader_40 radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Dialog dialog 合成 作成済み schedule schedule schedule schedule schedule
List list 基礎 作成済み clock_loader_40 schedule schedule schedule schedule
List row list-row 基礎 作成済み clock_loader_40 radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Bottom sheet bottom-sheet 合成 作成済み schedule schedule schedule schedule schedule
Side sheet side-sheet 合成 作成済み schedule schedule schedule schedule schedule
Carousel carousel 基礎 作成済み schedule schedule schedule schedule schedule
Code block code-block 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Table table 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Popover popover 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Steps steps 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Accordion accordion 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Description list description-list 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Figure figure 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
App shell app-shell 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Page header page-header 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Tree view tree-view 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Timeline timeline 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Image preview image-preview 機能 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Handle handle 基礎 作成済み clock_loader_40 radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Resizable frame resizable-frame 合成 作成済み clock_loader_40 radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Scroll area scroll-area 基礎 作成済み clock_loader_40 radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked

コミュニケーション · 18 コンポーネント

コンポーネント レベル 仕様 Web SwiftUI Jetpack Compose Flutter React Native
Badge badge 基礎 作成済み schedule schedule schedule schedule schedule
Progress indicator progress-indicator 基礎 作成済み schedule schedule schedule schedule schedule
Meter meter 基礎 作成済み clock_loader_40 radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Number ticker number-ticker 基礎 作成済み clock_loader_40 radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Loading indicator loading-indicator 基礎 作成済み schedule schedule schedule schedule schedule
Snackbar snackbar 基礎 作成済み schedule schedule schedule schedule schedule
Tooltip tooltip 基礎 作成済み schedule schedule schedule schedule schedule
Keyboard shortcut keyboard-shortcut 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Tag tag 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Inline code inline-code 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Callout callout 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Avatar avatar 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Empty state empty-state 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Tag group tag-group 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Skeleton skeleton 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
File item file-item 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Swatch swatch 基礎 作成済み clock_loader_40 radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Marquee text marquee-text 基礎 作成済み clock_loader_40 radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked

ナビゲーション · 13 コンポーネント

コンポーネント レベル 仕様 Web SwiftUI Jetpack Compose Flutter React Native
Tabs tabs 基礎 作成済み schedule schedule schedule schedule schedule
Tab view tab-view 合成 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
App bar app-bar 基礎 作成済み schedule schedule schedule schedule schedule
Navigation bar navigation-bar 基礎 作成済み schedule schedule schedule schedule schedule
Navigation drawer navigation-drawer 合成 作成済み schedule schedule schedule schedule schedule
Search search 機能 作成済み schedule schedule schedule schedule schedule
Link link 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Pagination pagination 基礎 作成済み clock_loader_40 radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Previous and next links previous-next-links 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Stepper stepper 基礎 作成済み clock_loader_40 radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Breadcrumbs breadcrumbs 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Table of contents table-of-contents 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked
Link card link-card 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked

基礎 · 1 コンポーネント

コンポーネント レベル 仕様 Web SwiftUI Jetpack Compose Flutter React Native
Prose prose 基礎 作成済み schedule radio_button_unchecked radio_button_unchecked radio_button_unchecked radio_button_unchecked

生成元 docs/status/status.json

ソースコードと Issue（GitHub）