Componentes Suportados

A seguir, uma lista de componentes e recursos do Material Design. Aqueles atualmente suportados pelo Material-UI são destacados com ✓.

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.

Se você deseja adicionar suporte a um componente ou recurso não destacado aqui, pesquise o problema relevante no GitHub ou crie um novo para discutir a abordagem antes de enviar um pull request.

• Barra de Aplicativos
  • Superior ✓
  • Inferior ✓
• Banners (Pode ser composto)
• Navegação Inferior ✓
• Botões ✓
  • Botões de Texto & Botões Contidos (Antigamente flat & raised) ✓
  • Botões de alternância ~ (Lab)
  • Icon toggle buttons ✓ (Custom Checkbox)
• Buttons: Floating Action Button ✓
  • Transições:
    • Acesso rápido ~ (Lab)
    • Menu
    • Morph
    • Full screen
  • Extended FAB ✓
    • Speed dial
• Cards ✓
• Chips ✓
  • Input ✓
  • Choice
  • Filter
  • Action
• Data tables ✓
  • Sortable ✓
  • Selectable ✓
  • Pagination ✓
• Dialogs ✓
  • Alert dialog ✓
  • Diálogos simples ✓ (Pode ser composto com Dialog e a List.)
  • Confirmation dialogs ✓
  • Full screen dialogs ✓
• Dividers ✓
  • Full bleed ✓
  • Inset ✓
  • Middle ✓
  • Subheader ✓
• Painéis de Expansão ✓ (Legado Material v1)
• Listas de Imagem ✓ (também conhecido como Grade Lista)
• Lists ✓
  • Types:
    • Single line ✓
    • Two line ✓
    • Three line
  • Avatar ✓
  • Icon ✓
  • Thumbnail
  • Controls ✓
    • Caixa de Seleção ✓
    • Expandir/recolher ✓ (AKA Nested)
    • Interruptor ✓
    • Reorder
• Menus ✓
  • Dropdown menu ✓ (Pode ser composto)
    • Cascade
  • Exposed dropdown menus
    • Text field dropdown menu ✓ (Select)
    • Editable dropdown menu
  • Contextual ✓
• Progress indicators ✓
  • Linear ✓
  • Circular ✓
  • Loading ✓ (Legado Material v1)
• Selection controls ✓
  • Checkbox ✓
  • Radio button ✓
  • Switch ✓
• Sliders ✓
  • Continuous ✓
  • Discrete ✓
• Snackbars ✓ (Legado 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 ✓ (Legado Material v1)
  • Filled ✓
  • Outline ✓
  • Types:
    • Single-line ✓
    • Multi-line ✓
    • Text-area
    • Full-width ✓
  • Assistive elements:
    • Helper text ✓
    • Error message ✓
    • Ícones ✓
    • Character counter
• Toolbars ✓ (Legado Material v1)
• Tooltips ✓
  • Desktop ✓
  • Mobile ✓