frontile

Sob desenvolvimento ativo.

O Frontile visa fornecer aos LEGos (componentes, ajudantes, modificadores e estilos) necessários para a criação de aplicativos consistentes e poderosos do Ember.JS, enquanto segue as melhores práticas da comunidade e fornecendo componentes de baixo e alto nível para sua aplicação.

• Construído com acessibilidade em mente em todos os componentes;
• Construído como pacotes logicamente separados, para que você possa escolher as peças que usará;
• Escrito em TypeScript;
• Todos os componentes são componentes de brilho;
• Os estilos são apenas plug -ins Tailwindcss e totalmente responsivos;

Documentação

Visite frontile.dev para ler os documentos e ver demos ao vivo.

O que está disponível?

Já existem alguns pacotes disponíveis para uso; Você pode usá -los hoje em seus aplicativos, se estiver em uma versão de Ember suportada. O projeto ainda é pré-versão 1.0.0, portanto, as mudanças de quebra ainda podem ocorrer.

• @Frontile/Utilitários: Pacote Core, fornecendo componentes A11y essenciais.
• @Frontile/Forms: Componentes para trabalhar com formulários.
• @Frontile/Mudança Formulário: Integração entre o pacote de formulários e o troca.
• @frontile/notificações: pacote que fornece notificações semelhantes a torradas.
• @Frontile/Sobreposições: componentes para renderizar conteúdo sobre a interface do usuário, como diálogos modais.
• @Frontile/Buttons: Componentes para trabalhar com botões.

Estilos com Tailwind

Todos os estilos que fornecemos são através do TailWindcss Plugins. É perfeito se o seu aplicativo tiver um vento de cauda; No entanto, alguns aplicativos não têm ou não querem escrever estilos usando -o. Para estes, existem duas alternativas:

• Escreva todos os estilos, visando nossas classes, que seguem convenções de nomenclatura do tipo BEM.
• Adicione apenas o Tailwind para nossos estilos. Essa abordagem ainda está para ser comprovada, mas, em teoria, você poderá configurar o Tailwind e permitir que ela inclua estilos frontil.

Ao fornecer plug -ins Tailwind, você pode personalizar praticamente todos os estilos, mesmo removendo o que não é o que você precisa. Todos os plugins têm a opção de passar em uma configuração para que você possa configurar todas as cores, espaçamentos, etc., conforme o seu aplicativo. Também permite a criação de temas ou modos escuros usando variáveis CSS.

Tl; Dr; Você não precisa de TailWindcss, se não quiser, mas é melhor se você usar.

Compatibilidade

• Ember.js v3.16 ou acima
• Ember Cli v2.13 ou acima
• Node.js v10 ou acima

Licença

Este projeto está licenciado sob a licença do MIT.