UI Komponenten Dokumentation
Bei "User-Interface" Komponenten handelt es sich um in sich abgeschlossene Elemente, welche innerhalb von Templates als Erweiterung des HTML Sprachraums verwendet werden können.
Mit Hilfe von UI Komponenten können einfache Inhalte wie z.B. Icons oder Meldungen sowie komplexe Inhalte wie Artikel-Liste, Blog-Beiträge etc. auf einfache Art un Weise in die Templates eines Themes integriert werden.
Durch Eigenschaften die für die jeweiligen Komponenten festgelegt wurden, sind diese sehr flexibel und dynamisch einsetzbar.
{warning} Diese UI Komponenten Dokumentation hat den Status "Work in Progress". Die Freigabe erfolgt in Q1/2019
Ein Beispiel
Im Folgenden Beispiel sehen wir ein einfaches Template welches mit HTML-Code erstellt wurde. Neben Standard-HTML-Code wurde zusätzlich der Aufruf zweier UI Komponenten (br-icon, und br-post-list) in das Template integriert.
Außerdem wurden Einstellungen/Eigenschaften wie "icon", "size" und "limit" an die Komponenten übergeben.
...
<body>
<h1>
<!-- Aufruf der UI Komponente: br-icon -->
<br-icon icon="home" size="xl"></br-icon>
Neues aus unserem Blog
</h1>
<!-- Aufruf der UI Komponente: br-post-list -->
<br-post-list :limit="3"></br-post-list>
</body>
...Mit dem Aufruf der "br-post-list" werden Blog-Beiträge als Liste aufgebaut. Durch die Angabe der Eigenschaft "limit=3" wird entschieden, dass nur max. drei Blog Beiträge an dieser Stelle angezeigt werden.
Den Rest übernimmt die Komponente und genertiert den tatsächlich benötigten Code für die Liste der Blog-Beiträge.
Fragen, Anregungen & Fehlermeldungen
Sie haben Fragen zur UI Komponenten-Dokumentation?
Schreiben Sie uns eine E-Mail an support@bueroring.de.
Wir freuen uns über Ihr Feedback!