material-web

Material Web é uma biblioteca de web components mantida sob a organização material-components. Seu propósito declarado é ajudar a construir aplicações web bonitas e acessíveis, implementando o Material 3, a versão mais recente do sistema de design de código aberto do Google. O que ela oferece - Uma coleção de elementos personalizados (prefixados com md-) que podem ser usados em HTML puro, como md-checkbox, md-radio, md-outlined-text-field, md-outlined-button e md-icon-button. - Um ponto de entrada compartilhado "all.js" que importa o conjunto completo de componentes, além de módulos de componentes individuais para um carregamento mais seletivo. - Suporte a tipografia através de um módulo de estilos de escala de tipos (md-typescale-styles.js), que expõe uma folha de estilos adotável que pode ser inserida em document.adoptedStyleSheets. Classes utilitárias como md-typescale-display-medium e md-typescale-body-medium mapeiam para a escala de tipos do Material. O README mostra um exemplo de início rápido sem build que carrega a biblioteca de um CDN via import map e um script de módulo, juntamente com a fonte web Roboto do Google Fonts. Um guia de início rápido separado na documentação cobre a instalação e a compilação para produção. Documentação e recursos - docs/intro.md - introdução - docs/roadmap.md - roadmap - docs/components/ - documentação por componente - docs/size.md - informações sobre o tamanho do bundle - docs/support.md - suporte a navegadores e FAQ - docs/quick-start.md - orientações de instalação e build de produção Status do projeto - O README afirma explicitamente que o MWC (Material Web Components) está em modo de manutenção aguardando novos mantenedores, e aponta para uma discussão no GitHub. Qualquer pessoa que o esteja avaliando para um projeto de longo prazo deve levar isso em conta. - Para usuários de Angular, o README recomenda os componentes do Angular Material. Distribuição e contexto de licenciamento - Publicado no npm como @material/web, com estatísticas de versão e downloads exibidas via badges, e também acessível através de serviços de CDN como esm.run e jsDelivr. - O status dos testes de integração contínua é exposto através de um badge de workflow do GitHub Actions, e o repositório aponta para um chat do Discord do Lit para suporte comunitário. Uso típico Como são web components padrão, eles são agnósticos a frameworks e podem ser inseridos em qualquer página ou aplicação que suporte elementos personalizados, incluindo sites estáticos, páginas renderizadas no servidor e frameworks JavaScript. A estilização e a tematização seguem as convenções do Material 3, e os controles associados a formulários participam de formulários HTML nativos.