跳到主要内容
menumenu tanreiexpand_morecontrasttranslate
tanreiexpand_more
开始使用WebReactSwiftUIJetpack ComposeFlutterReact Native预设你自己的设计系统与 AI 代理一起使用 Tanrei品牌设计令牌设计系统与定制Theme Studio颜色字体排印图标形状层级动效交互状态行为布局无障碍文字颜色令牌字阶令牌形状令牌层级令牌动效令牌状态令牌间距与度量令牌组件按钮主操作按钮分段按钮按钮组带菜单的按钮工具栏复制按钮复选框单选按钮开关纸片(Chip)菜单滑块滑块字段日历DateTimePicker字段组单选组复选框组下拉选择框下拉选择字段菜单栏文件上传文件选择器 进阶放置区文本输入框 进阶文本字段纸片字段字段组合框 进阶组合框字段数字输入框 进阶数字字段颜色输入框 进阶颜色字段一次性验证码输入框 进阶一次性验证码字段嵌入式文本输入框 进阶聊天输入栏卡片分隔线模态层 进阶对话框列表列表行底部面板侧边面板轮播代码块表格弹出框步骤折叠面板描述列表图示应用外壳页头树视图时间线图片预览调整手柄可调整大小的框滚动区域徽标进度指示器计量条数字滚动器加载指示器消息条(Snackbar)工具提示键盘快捷键标签(Tag)行内代码提示块(Callout)头像空状态标签组(Tag group)骨架屏文件项色块跑马灯文本标签页标签页视图应用栏导航栏导航抽屉搜索链接分页上一页/下一页链接步骤条面包屑目录链接卡片FAB 菜单状态Tanrei 是如何构建的参与贡献许可与致谢
首页项目状态

状态

哪个组件在哪个平台上已经存在,由仓库生成。

content_copy以 Markdown 格式查看

这个页面不是手写的。下面的矩阵由 pnpm generate 根据组件规格,以及各平台包中实际存在的内容生成:实现、测试、快照和文档页面。如果某个单元格显示“计划中”(planned),那就说明那里还没有任何可交付的东西,不管谁曾经有过什么打算。

只有当对等检查器找齐了上述所有部分,组件在某个平台上才能越过“计划中”,因此这张矩阵所声称的不可能多于仓库实际包含的。

图例

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