standard components
1.0.0
Eine Spezifikation für funktionale UI -Komponenten
https://standard-components.com
UI -Komponentenbibliotheken sind in allen Formen und Größen erhältlich. Diese Spezifikation ist als Möglichkeit gedacht, die Benennungskonventionen und -APIs zu standardisieren, um ein Ökosystem austauschbarer UI -Komponenten zu erstellen und eine größere Wiederverwendbarkeit von Code zu fördern.
Um Bibliotheken mit austauschbaren UI -Komponenten zu erstellen, sollte die folgende Namenskonvention verwendet werden. Diese Liste ist absichtlich begrenzt und soll ein Ausgangspunkt für die Demonstration sein. Im Laufe der Zeit werden wahrscheinlich mehr Komponenten hinzugefügt.
Die Boxkomponente ist eine primitive Box-Model-Layout-Komponente, die Rand, Polsterung, Breite und andere Layoutstile behandelt.
Die Flex-Komponente ist eine Erweiterung der Boxkomponente mit Flexbox-spezifischen Eigenschaften.
Die Textkomponente ist eine primitive typografische Komponente, die Schriftgröße, Gewicht, Linienhöhe, Ausrichtung und andere typografische Stile behandelt.
Die Überschriftenkomponente ist eine Erweiterung der Textkomponente für Überschriften.
Die Bildkomponente ist eine Inhaltskomponente, die Bilder anzeigt.
Das Hintergrund ist eine Erweiterung der Boxkomponente mit Requisiten zum Anzeigen von Hintergrundbildern.
Die Knopfkomponente ist eine interaktive Komponente mit Stilen, die wie eine Taste aussehen.
Die Linkkomponente ist eine interaktive Komponente für die Navigation.
Style-Requisiten sind eine höhere Abstraktion über CSS, die für Flexibilität bestimmt sind, und um Bedenken hinsichtlich des steigenden Stylings zu beheben. Style -Requisiten basieren hauptsächlich auf CSS -Eigenschaften mit Abkürzungen für Rand und Polsterung.
Einige Komponenten, wie z. B. Schaltflächen, verwenden Stilvarianten, um verschiedene Versionen wie primary und secondary Tastenstile zu rendern. Varianten sollten mit einer variant -Requiant mit Kurz -Booleschen Requisiten für primary und secondary behandelt werden.
Siehe Requisiten für mehr.
Themen sind Objekte, die die Werte definieren, die von Style -Requisiten verwendet werden. Themen gewährleisten konsistente Rand, Polsterung, Farben, Schriftgrößen und andere UI -Konstanten.
Sehen Sie Themen für mehr.
Durch die Einhaltung einer strengen Struktur des Komponententyps können Komponenten in einem System mit einem einzigartigen Zweck befasst sein und eine größere Austauschbarkeit in den Bibliotheken ermöglichen.
Layoutkomponenten Steuerbreite, Höhe und Abstand. Sie versuchen nicht , die Typografie oder andere Überlegungen zu kontrollieren.
Typografische Komponenten betreffen Schriftfamilien, Größen, Gewichte, Führung, Verfolgung und andere Eigenschaften. Typografische Komponenten befassen sich nicht mit Layout.
Inhaltskomponenten zeigen Dinge wie Bilder, Videos und Diagramme an, ohne Layout, Typografie oder andere Styling -Bedenken zu beeinflussen.
Interaktive Elemente wie Links, Schaltflächen und Formularelemente erfordern Benutzereingaben und verarbeiten im Allgemeinen keine Layout- oder typografischen Bedenken.
Stilkomponenten behandeln andere UI -Stile wie Grenzen, Radien, Schatten und Gradienten, ohne Layout oder Typografie zu beeinflussen.
Positionskomponenten entfernen ihre Kinder aus dem normalen Dokumentenfluss und sollten sparsam verwendet werden.
Hergestellt von Compositor | Github | MIT -Lizenz
