Auf dieser Seite wird verdeutlicht, wie die Komponente in den unterschiedlichen Konfigurationen dargestellt wird. Zur vereinfachten Darstellung ist der benutzte Text ein standardisierter Platzhalter-Text.
Dieser untere Button ist ein primary Buton und besitzt genau 20 Zeichen Buttontext.
Dieser untere Button ist ein secondary Buton und besitzt genau 20 Zeichen Buttontext.
Auf der Google Fonts Seite auf das gewünschte Icon klicken. Es öffnet sich eine rechte Sidebar, in der unten 'Icon name' steht. Dieser Icon Name kann 1:1 kopiert werden in das Buttonfeld Icon dieser Komponente. In der Editier-Ansicht erscheint dann bereits das korrekte Icon.
Primary button styling mit Icon 'search'
Secondary button styling mit Icon 'search'