Componentes Suportados

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

Nós trabalhamos para seguir as orientações sempre que possível (aplicando senso comum onde as diretrizes contradizem - uma ocorrência mais comum do que se poderia esperar), não esperamos suportar cada componente, ou cada característica de cada componente, mas sim fornecer elementos base que permitem que os desenvolvedores criem interfaces e experiências de usuário atraentes.

Se você deseja adicionar suporte a um componente ou recurso não destacado aqui, pesquise se já não existe no Issues do GitHub ou crie um novo para discutir a abordagem antes de enviar um pull request.

• Painéis de Expansão ✓ (Legado Material v1)
• Barra de Aplicativos
  • Superior ✓
  • Inferior ✓
• Banners (Pode ser composto)
• Navegação inferior ✓
• Botões ✓
  • Botões de texto & contidos (Antigamente flat & raised) ✓
  • Botões de alternância ~ (Lab)
  • Icon toggle buttons ✓ (Custom Checkbox)
• Botões: Botão de ação flutuante ✓
  • Transições:
    • Acesso rápido ~ (Lab)
    • Menu
    • Morph
    • Tela cheia
  • BAF estendido ✓
    • Acesso rápido
• Cartões ✓
• Chips ✓
  • Input ✓
  • Choice
  • Filter
  • Action
• Tabelas de dados ✓
  • Ordenável ✓
  • Selecionável ✓
  • Paginação ✓
• Diálogos ✓
  • Diálogo de alerta ✓
  • Diálogos simples ✓ (Pode ser composto com Dialog e a List.)
  • Diálogos de confirmação ✓
  • Diálogos em tela cheia ✓
• Divisores ✓
  • Full bleed ✓
  • Inset ✓
  • Middle ✓
  • Subheader ✓
• Listas de Imagem ✓ (também conhecido como Grade Lista)********
• Listas ✓
  • Tipos:
    • Linha única ✓
    • Duas linhas ✓
    • Três linhas
  • Avatar ✓
  • Ícone ✓
  • Thumbnail
  • Controles ✓
    • Caixa de seleção ✓
    • Expandir/recolher ✓ (AKA Nested)
    • Interruptor ✓
    • Reorder
• Menus ✓
  • Dropdown menu ✓ (Pode ser composto)
    • Cascade
  • Menus suspensos expostos
    • Text field dropdown menu ✓ (Select)
    • Menu suspenso editável
  • Contextual ✓
• Indicadores de progresso ✓
  • Linear ✓
  • Circular ✓
  • Loading ✓ (Legado Material v1)
• Controles de seleção ✓
  • Caixa de seleção ✓
  • Botões de opção ✓
  • Interruptor ✓
• Sliders ✓
  • Contínuo ✓
  • Discrete ✓
• Snackbars ✓ (Legado Material v1)
• Subheaders ✓ (Legacy Material v1)
  • Lista ✓
  • Grade ✓
  • Menu
• Steppers ✓ (Legacy Material v1)
  • Horizontal ✓
  • Vertical ✓
  • Etapas mobile ✓
• Abas ✓
  • Abas fixas ✓
  • Abas roláveis ✓
• Campos de texto ✓
  • Standard ✓ (Legado Material v1)
  • Preenchido ✓
  • Contorno ✓
  • Tipos:
    • Linha única ✓
    • Multilinha ✓
    • Área de texto
    • ✓ Largura total
  • Elementos assistivos:
    • Texto auxiliar ✓
    • Mensagem de erro ✓
    • Ícones ✓
    • Contador de caracteres
• Toolbars ✓ (Legado Material v1)
• Dicas ✓
• Desktop ✓
• Mobile ✓