Téléchargement frontile - Téléchargement du code source frontile

frontile

Composants tiers

v0.16.2

Télécharger

github-readme

Sous le développement actif.

Frontile vise à fournir les legos (composants, aides, modificateurs et styles) nécessaires pour construire des applications Ember.js cohérentes et puissantes tout en suivant les meilleures pratiques de la communauté et en fournissant des composants de bas niveau et de haut niveau pour votre application.

Construit avec l'accessibilité à l'esprit dans chaque composant;
Construit comme des packages logiquement séparés, vous pouvez donc choisir les pièces que vous allez utiliser;
Écrit en dactylographie;
Tous les composants sont des composants brillants;
Les styles ne sont que des plugins TailwindCSS et entièrement réactifs;

Documentation

Visitez Frontile.dev pour lire les documents et voir des démos en direct.

Qu'est-ce qui est disponible?

Il existe déjà quelques packages disponibles; Vous pouvez les utiliser dans vos applications dès aujourd'hui si vous êtes dans une version de bière prise en charge. Le projet est toujours pré-version 1.0.0, donc des changements de rupture peuvent encore se produire.

@ frontile / utilits: package de base fournissant des composants A11y essentiels.
@ frontile / Forms: Composants pour travailler avec des formulaires.
@ frontile / changeset-forme: intégration entre le package des formulaires et le jeu de change.
@ frontile / Notifications: Package qui fournit des notifications de type toast.
@ frontile / superpositions: composants pour rendre le contenu sur l'interface utilisateur, comme les boîtes de dialogue modales.
@ frontile / boutons: composants pour travailler avec des boutons.

Styles avec vent arrière

Tous les styles que nous fournissons sont via des plugins TailwindCSS. Il est parfait si votre application a un vent arrière; Cependant, certaines applications n'ont pas ou ne veulent pas nécessairement écrire des styles en l'utilisant. Pour ceux-ci, il existe deux alternatives:

Écrivez tous les styles vous ciblant nos cours, qui suit les conventions de dénomination de type BEM.
Ajoutez uniquement le vent arrière pour nos styles. Cette approche n'a pas encore été prouvée, mais en théorie, vous devriez être en mesure de configurer le vent arrière et de lui permettre d'inclure les styles frontaux.

En fournissant des plugins à vent arrière, vous pouvez personnaliser à peu près tous les styles, même en supprimant ce qui n'est pas ce dont vous avez besoin. Tous les plugins ont la possibilité de passer une configuration afin que vous puissiez configurer toutes les couleurs, espacements, etc., selon les besoins de votre application. Il permet également de créer des thèmes ou des modes sombres à l'aide de variables CSS.

TL; Dr; Vous n'avez pas besoin de tailwindcss si vous n'en voulez pas, mais c'est mieux si vous l'utilisez.