支持的组件

以下是 Material Design 组件和功能的列表. 我们将那些Material-UI 支持的组件和功能用高亮✓来显示.

While we strive to follow the guidelines where practical (applying common sense where guidelines contradict - a more common occurrence than one might expect), we do not expect to support every component, nor every feature of every component, but rather to provide the building blocks to allow developers to create compelling user interfaces and experiences.

如果您希望加对一个组件或一个未高亮显示的功能加以支持, 请搜索相关的 GitHub 问题 , 或创建一个新的问题来讨论该方法, 然后再提交pull request。

• App bars
  • Top ✓
  • Bottom ✓
• 横幅(Banners) (可组装)
• 底部导航(Bottom navigation) ✓
• Buttons ✓
  • Text & contained buttons (先前 flat & raised) ✓
  • Toggle buttons ~ (Lab)
  • Icon toggle buttons ✓ (Custom Checkbox)
• Buttons: Floating Action Button ✓
  • 过渡动画:
    • Speed dial ~ (Lab)
    • Menu
    • 变形(Morph)
    • 全屏(Full screen)
  • Extended FAB ✓
    • Speed dial
• 卡片(Cards) ✓
• Chips ✓
  • Input ✓
  • Choice
  • Filter
  • Action
• 数据表(Data tables) ✓
  • Sortable ✓
  • 可选择(Selectable) ✓
  • 分页(Pagination) ✓
• Dialogs ✓
  • Alert dialog ✓
  • Simple dialogs ✓ （可以用Dialog和List组成。）
  • Confirmation dialogs ✓
  • Full screen dialogs ✓
• Dividers ✓
  • Full bleed ✓
  • Inset ✓
  • Middle ✓
  • Subheader ✓
• Expansion Panels ✓ (旧 Material v1)
• Image lists ✓ (又名 Grid Lists)
• Lists ✓
  • Types:
    • Single line ✓
    • Two line ✓
    • Three line
  • Avatar ✓
  • Icon ✓
  • Thumbnail
  • Controls ✓
    • 复选框 ✓
    • Expand/collapse ✓ (又名 Nested)
    • 开关 ✓
    • Reorder
• Menus ✓
  • ** 下拉菜单 ✓ ** （可以组成）
    • Cascade
  • Exposed dropdown menus
    • Text field dropdown menu ✓ (Select)
    • Editable dropdown menu
  • Contextual ✓
• Progress indicators ✓
  • Linear ✓
  • Circular ✓
  • Loading ✓ (旧 Material v1)
• Selection controls ✓
  • Checkbox ✓
  • Radio button ✓
  • Switch ✓
• Sliders ✓
  • Continuous ✓
  • Discrete ✓
• Snackbars ✓ (旧 Material v1)
• Subheaders ✓ (Legacy Material v1)
  • List ✓
  • Grid ✓
  • Menu
• Steppers ✓ (Legacy Material v1)
  • Horizontal ✓
  • Vertical ✓
  • Mobile steps ✓
• Tabs ✓
  • Fixed tabs ✓
  • Scrollable tabs ✓
• Text fields ✓
  • Standard ✓ (旧 Material v1)
  • Filled ✓
  • Outline ✓
  • Types:
    • Single-line ✓
    • Multi-line ✓
    • Text-area
    • Full-width ✓
  • Assistive elements:
    • Helper text ✓
    • Error message ✓
    • 图标 ✓
    • Character counter
• Toolbars ✓ (旧 Material v1)
• Tooltips ✓
  • 桌面 ✓
  • 移动设备(Mobile) ✓