The Component Gallery: Eine umfassende Sammlung von UI-Komponenten
Die Component Gallery ist ein aktuelles Repository von Schnittstellenkomponenten, das auf Beispielen aus der Welt der Design-Systeme basiert. Es dient als Referenz für jeden, der komponentenbasierte Benutzeroberflächen entwickelt.
In der Component Gallery finden Sie eine Vielzahl verschiedener Komponenten. Zum Beispiel die Popover-Komponente, die aus einem anderen Element heraus erscheint und sich von einem Tooltip dadurch unterscheidet, dass sie in der Regel per Klick und nicht per Hover ausgelöst wird und interaktive Elemente enthalten kann. Oder die Rating-Komponente, mit der Benutzer eine Sternebewertung für ein Produkt oder einen anderen Gegenstand abgeben können.
Auch die Accordion-Komponente ist vertreten. Sie ist ein vertikaler Stapel interaktiver Überschriften, mit denen die Anzeige weiterer Informationen ein- und ausgeblendet werden kann. Jede Komponente kann zusammengeklappt werden, sodass nur ein kurzer Beschriftungslabel sichtbar ist, oder erweitert werden, um den gesamten Inhalt anzuzeigen.
Weiterhin gibt es die Quote-Komponente, die verwendet wird, um ein Zitat zu zeigen, sei es von einer Person oder einer anderen externen Quelle, oder um einen Abschnitt des aktuellen Dokuments hervorzuheben. Die Pagination-Komponente ist für das Aufteilen von Informationen auf mehrere Seiten zuständig und bietet die Möglichkeit, zwischen diesen Seiten zu navigieren.
Die Tabs-Komponente bietet eine Möglichkeit, zwischen mehreren Panels zu navigieren und so den Platz besser zu nutzen. Die Button-Komponente löst eine Aktion aus, wie z.B. das Absenden eines Formulars oder das Anzeigen/Verbergen einer Schnittstellenkomponente. Und die Breadcrumbs-Komponente zeigt die Position der aktuellen Seite in der Navigationshierarchie an.
Insgesamt bietet die Component Gallery eine reiche Auswahl an UI-Komponenten, die Entwicklern helfen, benutzerfreundliche und effiziente Benutzeroberflächen zu erstellen.
