Material Design Components

Esses componentes são blocos de construção interativos para a criação de uma interface de usuário.

Catálogo M3

Este aplicativo é para fins de demonstração do desenvolvedor.

Mais informações: https://material.io/components/

Site oficial

https://github.com/material-components

Primeiros passos: código-fonte (para fins de teste do desenvolvedor)

https://www.boltuix.com/2022/05/meet-material-design-3.html

Material é um sistema adaptável de diretrizes, componentes e ferramentas que apoiam as melhores práticas de design de interface de usuário. Apoiado em código-fonte aberto, o Material agiliza a colaboração entre designers e desenvolvedores e ajuda as equipes a criar produtos bonitos rapidamente.

Componentes

Os componentes materiais são blocos de construção interativos para a criação de uma interface de usuário.

* Adaptativo

* Barras de aplicativos: inferior

* Barras de aplicativos: topo

* Pano de fundo

*Bandeiras

* Navegação inferior

* Botões

* Botões: botão de ação flutuante

* Cartões

* Batatas fritas

* Tabelas de dados

* Seletores de data

* Diálogos

* Divisores

* Listas de imagens

* Listas

* Cardápios

* Gaveta de navegação

* Trilho de navegação

* Indicadores de progresso

* Controles de seleção

* Folhas: inferior

* Folhas: laterais

* Controles deslizantes

* Lanchonetes

* Guias

* Campos de texto

* Seletores de tempo

* Dicas de ferramentas

Você receberá mais atualizações.

www.BoltUix.com

https://www.boltuix.com/2022/05/meet-material-design-3.html

O que há de novo na versão mais recente 1.13.1

Última atualização em 2 de julho de 2024

Referência de componentes, temas e tema escuro do Material Design 3

Material Design Components (MDC) é uma biblioteca de componentes reutilizáveis ​​que implementam as especificações de Material Design do Google. O MDC fornece um sistema de design consistente e personalizável para a construção de aplicativos da web e aplicativos móveis.

Características

A MDC oferece uma ampla gama de componentes, incluindo:

* Botões

* Campos de texto

* Caixas de seleção

* Botões de rádio

* Interruptores

* Cardápios

* Tabelas de dados

* Cartões

* Listas

Cada componente é altamente personalizável, permitindo que os desenvolvedores adaptem o design às suas necessidades específicas. O MDC também fornece um conjunto abrangente de recursos de acessibilidade, garantindo que os aplicativos sejam acessíveis a usuários com deficiência.

Arquitetura

Os componentes do MDC são construídos em uma arquitetura modular, facilitando sua integração em projetos existentes. Os componentes são independentes e podem ser usados ​​independentemente ou em combinação com outros componentes. Essa modularidade proporciona aos desenvolvedores grande flexibilidade e controle sobre o design e a funcionalidade de seus aplicativos.

Instalação

O MDC pode ser instalado por meio de vários métodos, incluindo:

* npm

* Fio

* Caramanchão

*CDN

MyJio

Para usar o MDC, os desenvolvedores simplesmente importam os componentes necessários para o projeto e instanciam-nos conforme necessário. O MDC fornece documentação detalhada e exemplos de código para ajudar os desenvolvedores a começar rapidamente.

Benefícios

Usar o MDC oferece vários benefícios, incluindo:

* Consistência: os componentes do MDC aderem às especificações do Material Design do Google, garantindo uma experiência de design consistente em todos os aplicativos.

* Personalização: os componentes do MDC são altamente personalizáveis, permitindo que os desenvolvedores adaptem o design às suas necessidades específicas.

* Acessibilidade: os componentes do MDC são totalmente acessíveis, garantindo que os aplicativos sejam acessíveis a usuários com deficiência.

* Modularidade: os componentes do MDC são construídos em uma arquitetura modular, facilitando sua integração em projetos existentes.

* Desempenho: os componentes do MDC são otimizados para desempenho, garantindo que os aplicativos sejam carregados e executados rapidamente.

Conclusão

Material Design Components é uma biblioteca poderosa e flexível para criar aplicativos da web e aplicativos móveis. O MDC fornece um sistema de design consistente e personalizável, recursos de acessibilidade e uma arquitetura modular. Ao usar o MDC, os desenvolvedores podem criar aplicativos bonitos e acessíveis que aderem às especificações de Material Design do Google.