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.

• Acordeã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)
  • Botões de alternância com ícone ✓ (Caixa de seleção customizada)
• 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 Diálogo e a Lista.)
  • Diálogos de confirmação ✓
  • Diálogos em tela cheia ✓
• Divisores ✓
  • Full bleed ✓
  • Inset ✓
  • Middle ✓
  • Subheader ✓
• Painéis de Expansão ✓ (Legado Material v1)
• Listas de Imagem ✓ (também conhecido como Lista de grade)
• Listas ✓
  • Tipos:
    • Linha única ✓
    • Duas linhas ✓
    • Três linhas
  • Avatar ✓
  • Ícone ✓
  • Thumbnail
  • Controles ✓
    • Caixa de seleção ✓
    • Expandir/recolher ✓ (Conhecido como aninhado)
    • Interruptor ✓
    • Reorder
• Menus ✓
  • Menu suspenso ✓ (Pode ser composto)
    • Cascade
  • Menus suspensos expostos
    • Menu suspenso de campo de texto ✓ (Select)
    • Menu suspenso editável
  • Contextual ✓
• Indicadores de progresso ✓
  • Linear ✓
  • Circular ✓
  • Carregamento ✓ (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)
• Subtítulo ✓ (Legado Material v1)
  • Lista ✓
  • Grade ✓
  • Menu
• Assistentes ✓ (Legado Material v1)
  • Horizontal ✓
  • Vertical ✓
  • Etapas mobile ✓
• Abas ✓
  • Abas fixas ✓
  • Abas roláveis ✓
• Campos de texto ✓
  • Padrão ✓ (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
• Barra de ferramentas ✓ (Legado Material v1)
• Dicas ✓
  • Desktop ✓
  • Mobile ✓