Komponenten

Zur Integration von Komponenten ist es in den meisten Fällen notwendig, einen HTML-Block zu definieren, an dem sich die Komponente initialisiert. Die Initialisierung selbst findet meist durch die Einbindung eines JavaScript-Blocks statt. Im Folgenden sind die einzelnen Komponenten und deren Einbindung in ein Styleguide-Portal dargestellt.

Die Quellcodeauszüge repräsentieren die Einbindung beispielhaft. Attribute, die wesentlich für die Funktionalität sind bzw. die Funktionalität beeinflussen, werden explizit erläutert. Allgemeingültige HTML-Attribute werden nicht explizit erläutert, insofern diese keinen Zusammenhang zur Funktionalität darstellen.

Alle Quellcodeauszüge der Komponenten stehen im Zusammenhang mit dem Styleguide. Die HTML-Struktur inklusive der Attribute zum Styling müssen bei der Verwendung übernommen werden. Eine Erläuterung der einzelnen CSS-Klassen wird nur in Ausnahmefällen aufgeführt.

Die Grundlage des Styleguides hinsichtlich der Seiteneinteilung und Gestaltung bietet das Framework Bootstrap. Es wird ein Grid der Größe 60 verwendet, das verschieden aufgeteilt wird. Zur Entwicklung mit dem Styleguide sind Kenntnisse in der Nutzung von Bootstrap erforderlich.

Die Quellcodeauszüge stellen keinerlei Anspruch hinsichtlich der Vollständigkeit in Bezug auf Validität entsprechender Web-Standards.