支持的组件
以下是 Material Design 组件和功能的列表. Those currently supported by MUI are highlighted ✓. 以下是 Material Design 组件和功能的列表. Those currently supported by MUI are highlighted ✓. Those currently supported by MUI are highlighted ✓.
虽然我们尽量遵循一些可行的指南(当指南有争议性的时候我们会更多地依赖于常识,而这种情况会比您想象中的发生更多),但是我们并不指望能够做到支持每一个组件或者每一个组件下的功能。
如果您希望加对一个组件或一个未高亮显示的功能加以支持, 请搜索相关的 GitHub 问题 ,或创建一个新的问题来讨论该方法,然后再提交 pull request。
- Expansion Panels ✓ (旧 Material v1)
- App bars(应用栏)
- 横幅(Banners) (可组装)
- Bottom navigation(底部导航栏) ✓
- Buttons(按钮) ✓
- Text & contained buttons(原为 flat & raised) ✓
- Toggle buttons ~ (实验室)
- Icon toggle buttons ✓ (自定义 Checkbox)
- Buttons: Floating Action Button(按钮:浮动操作按钮) ✓
- Transitions(过渡动画):
- Extended FAB(扩展的浮动操作按钮) ✓
- Speed dial(快速拨号)
- Cards(卡片) ✓
- Chips(纸片) ✓
- Data tables(数据表格) ✓
- Sortable(可排序的)✓
- Selectable(可选择的)✓
- Pagination(分页) ✓
- Dialogs(对话框) ✓
- Alert dialog(警告对话框) ✓
- Simple dialogs ✓ (可以用 Dialog 和 List 组成。)
- Confirmation dialogs(确认对话框) ✓
- Full screen dialogs(全屏对话框) ✓
- Dividers(分隔线) ✓
- **Image lists ✓** (又名 Grid Lists)********
- Lists(列表) ✓
- 类型:
- Single line (单行)✓
- Two line(两行)✓
- Three line(三行)
- Avatar(头像)✓
- Icon(图标)✓
- Thumbnail(缩略图)
- Controls(控件)✓
- Checkbox(复选框)✓
- Expand/collapse ✓ (又名 Nested)
- Switch(开关)✓
- Reorder(重新排序)
- 类型:
- Menus(菜单) ✓
- ** 下拉菜单 ✓ ** (可以组成)
- Exposed dropdown menus(公开的下拉菜单)
- Text field dropdown menu(文本框下拉菜单) ✓(Select 选择框)
- Editable dropdown menu(可编辑的下拉菜单)
- Contextual(上下文相关的)✓
- Progress indicators(进度条指示) ✓
- Linear(线性进度条) ✓
- Circular(环状进度条) ✓
- Loading ✓ (旧 Material v1)
- Selection controls(选择控件) ✓
- Sliders(滑块控件) ✓
- Snackbars ✓ (旧 Material v1)
- Subheaders ✓ (旧 Material v1)
- Steppers ✓ (旧 Material v1)
- Tabs(选项卡) ✓
- Text fields(文本框) ✓
- Standard ✓ (旧 Material v1)
- Filled(填充的文本框) ✓
- Outline(描边的文本框) ✓
- 类型:
- Single-line(单行文本框)✓
- Multi-line(多行文本框)✓
- Text-area(文本区域)
- Full-width(全宽文本框)✓
- Assistive elements(辅助的元素):
- Helper text(帮助文本)✓
- Error message(错误消息)✓
- Icons(图标)✓
- 字符计数器(Character counter)
- Toolbars ✓ (旧 Material v1)
- Tooltips(工具提示) ✓
- Desktop(桌面 )✓
- 移动设备(Mobile)✓