组件

全部组件

按使用场景浏览 MoriUI。已发布条目包含可运行示例与 API,其余条目会清楚标记当前状态。

基础

16:9

Aspect Ratio

比例容器

用于比例容器场景的 MoriUI 组件。

查看文档

Avatar

用户头像

用于用户头像场景的 MoriUI 组件。

查看文档
已发布

Badge

状态徽记

用于状态徽记场景的 MoriUI 组件。

查看文档
你好,MoriUI。

Bubble

对话气泡

用于对话气泡场景的 MoriUI 组件。

查看文档
项目状态
一切正常

Card

内容卡片

用于内容卡片场景的 MoriUI 组件。

查看文档

مرحبا MoriUI

Direction

方向容器

用于方向容器场景的 MoriUI 组件。

查看文档
暂无内容

Empty

空白状态

用于空白状态场景的 MoriUI 组件。

查看文档
设计规范

Item

信息条目

用于信息条目场景的 MoriUI 组件。

查看文档
⌘ K

Kbd

键盘快捷键

用于键盘快捷键场景的 MoriUI 组件。

查看文档
今天

Marker

内容标注

用于内容标注场景的 MoriUI 组件。

查看文档

Separator

内容分隔线

用于内容分隔线场景的 MoriUI 组件。

查看文档

Skeleton

加载占位

用于加载占位场景的 MoriUI 组件。

查看文档

Nova 排版

Typography

文本排版

用于文本排版场景的 MoriUI 组件。

查看文档

表单

设计规范.pdfPDF · 2.4 MB

Attachment

文件附件

用于文件附件场景的 MoriUI 组件。

查看文档

Button

操作按钮

用于操作按钮场景的 MoriUI 组件。

查看文档

Button Group

按钮编组

用于按钮编组场景的 MoriUI 组件。

查看文档

Checkbox

多选框

用于多选框场景的 MoriUI 组件。

查看文档

Combobox

可搜索选择

用于可搜索选择场景的 MoriUI 组件。

查看文档

用于接收账户通知。

Field

表单字段

用于表单字段场景的 MoriUI 组件。

查看文档

Input

单行输入

用于单行输入场景的 MoriUI 组件。

查看文档
12 项

Input Group

输入组合

用于输入组合场景的 MoriUI 组件。

查看文档

Input OTP

验证码输入

用于验证码输入场景的 MoriUI 组件。

查看文档

Label

字段说明标签

用于字段说明标签场景的 MoriUI 组件。

查看文档

Radio Group

单项选择

用于单项选择场景的 MoriUI 组件。

查看文档

Select

下拉选择

用于下拉选择场景的 MoriUI 组件。

查看文档

Slider

范围滑杆

用于范围滑杆场景的 MoriUI 组件。

查看文档

Switch

状态开关

用于状态开关场景的 MoriUI 组件。

查看文档

Textarea

多行输入

用于多行输入场景的 MoriUI 组件。

查看文档

Toggle

切换控件

用于切换控件场景的 MoriUI 组件。

查看文档

Toggle Group

切换控件组

用于切换控件组场景的 MoriUI 组件。

查看文档

导航

即将推出

Calendar

日期日历

用于日期日历场景的 MoriUI 组件。

查看状态
即将推出

Date Picker

单日选择

用于单日选择场景的 MoriUI 组件。

查看状态
即将推出

Date Range Picker

日期区间

用于日期区间场景的 MoriUI 组件。

查看状态
即将推出

Accordion

折叠内容

用于折叠内容场景的 MoriUI 组件。

查看状态
即将推出

Breadcrumb

路径导航

用于路径导航场景的 MoriUI 组件。

查看状态
即将推出

Collapsible

展开收起

用于展开收起场景的 MoriUI 组件。

查看状态
即将推出

Menubar

应用菜单

用于应用菜单场景的 MoriUI 组件。

查看状态
即将推出

Navigation Menu

站点导航

用于站点导航场景的 MoriUI 组件。

查看状态
即将推出

Pagination

页码导航

用于页码导航场景的 MoriUI 组件。

查看状态
即将推出

Tabs

选项卡

用于选项卡场景的 MoriUI 组件。

查看状态

浮层

即将推出

Alert

通知提示

用于通知提示场景的 MoriUI 组件。

查看状态
即将推出

Alert Dialog

确认对话

用于确认对话场景的 MoriUI 组件。

查看状态
即将推出

Command

命令调度

用于命令调度场景的 MoriUI 组件。

查看状态
即将推出

Context Menu

上下文菜单

用于上下文菜单场景的 MoriUI 组件。

查看状态

Dialog

模态窗口

用于模态窗口场景的 MoriUI 组件。

查看文档
即将推出

Drawer

抽屉面板

用于抽屉面板场景的 MoriUI 组件。

查看状态
即将推出

Dropdown Menu

下拉菜单

用于下拉菜单场景的 MoriUI 组件。

查看状态
即将推出

Hover Card

悬浮信息卡

用于悬浮信息卡场景的 MoriUI 组件。

查看状态
即将推出

Sheet

侧边面板

用于侧边面板场景的 MoriUI 组件。

查看状态
即将推出

Tooltip

悬停提示

用于悬停提示场景的 MoriUI 组件。

查看状态

数据与反馈

即将推出

Carousel

内容轮播

用于内容轮播场景的 MoriUI 组件。

查看状态
即将推出

Chart

数据图形

用于数据图形场景的 MoriUI 组件。

查看状态
即将推出

Message

会话消息

用于会话消息场景的 MoriUI 组件。

查看状态
即将推出

Message Scroller

消息滚动区

用于消息滚动区场景的 MoriUI 组件。

查看状态
即将推出

Progress

完成进度

用于完成进度场景的 MoriUI 组件。

查看状态
即将推出

Resizable

可调尺寸

用于可调尺寸场景的 MoriUI 组件。

查看状态
即将推出

Scroll Area

滚动区域

用于滚动区域场景的 MoriUI 组件。

查看状态
即将推出

Sonner

轻量通知

用于轻量通知场景的 MoriUI 组件。

查看状态
即将推出

Spinner

忙碌动画

用于忙碌动画场景的 MoriUI 组件。

查看状态
即将推出

Table

数据表格

用于数据表格场景的 MoriUI 组件。

查看状态