frontile

Unter aktiver Entwicklung.

Frontiles Ziel ist es, die LEGOS (Komponenten, Helfer, Modifikatoren und Stile) bereitzustellen, die für den Aufbau einer konsistenten und leistungsstarken Ember.js-Apps erforderlich sind, während Sie Best Practices aus der Community befolgen und sowohl Komponenten auf niedrigem und hohem Niveau für Ihre Anwendung als auch auf hohes Ebenen bereitstellen.

• In jeder Komponente unter Berücksichtigung der Zugänglichkeit aufgebaut;
• Als logisch getrennte Pakete erstellt, können Sie die Teile auswählen, die Sie verwenden werden.
• Geschrieben in typeScript;
• Alle Komponenten sind Glimmerkomponenten;
• Stile sind nur Tailwindcss -Plugins und vollständig reaktionsschnell.

Dokumentation

Besuchen Sie Frontile.dev, um die Dokumente zu lesen und Live -Demos zu sehen.

Was ist verfügbar?

Es stehen bereits einige Pakete zur Verfügung. Sie können sie heute in Ihren Anwendungen verwenden, wenn Sie sich in einer unterstützten Ember -Version befinden. Das Projekt ist immer noch vor der Version 1.0.0, sodass immer noch Unterbrechungsänderungen auftreten können.

• @Frontile/Utilities: Kernpaket bietet wichtige A11Y -Komponenten.
• @Frontile/Forms: Komponenten für die Arbeit mit Formularen.
• @Frontile/ChangeSet-Form: Integration zwischen dem Formulierungspaket und dem ÄnderungSet.
• @Frontile/Benachrichtigungen: Paket, das Toast-ähnliche Benachrichtigungen bietet.
• @Frontile/Overlays: Komponenten zum Rendern von Inhalten über die Benutzeroberfläche wie modale Dialoge.
• @Frontile/Tasten: Komponenten für die Arbeit mit Tasten.

Stile mit Rückenwind

Alle Stile, die wir zur Verfügung stellen, werden durch Railwindcss -Plugins erfolgen. Es ist perfekt, wenn Ihre App Rückenwind hat. Einige Apps haben jedoch nicht unbedingt Styles mit ihnen mit ihnen. Für diese gibt es zwei Alternativen:

• Schreiben Sie alle Stile, die selbst auf unsere Klassen abzielen, die den BEM-ähnlichen Namenskonventionen folgen.
• Fügen Sie nur Rückenwind für unsere Stile hinzu. Dieser Ansatz muss noch nachgewiesen werden, aber theoretisch sollten Sie in der Lage sein, Rückenwind einzurichten und ihn nur vor Frontilstilen einzubeziehen.

Durch die Bereitstellung von Rückenwind -Plugins können Sie so ziemlich alle Stile anpassen und sogar entfernen, was Sie nicht brauchen. Alle Plugins haben die Möglichkeit, eine Konfiguration zu übergeben, damit Sie alle Farben, Bereiche usw. als Anwendung einrichten können. Es ermöglicht auch das Erstellen von Themen oder dunklen Modi mit CSS -Variablen.

Tl; Dr. Sie brauchen keinen Rückenwind, wenn Sie es nicht wollen, aber es ist am besten, wenn Sie es verwenden.

Kompatibilität

• Ember.js v3.16 oder höher
• Ember CLI v2.13 oder höher
• Node.js v10 oder höher

Lizenz

Dieses Projekt ist unter der MIT -Lizenz lizenziert.