# Button

<figure><img src="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2Fo1FfX2lwuQrJKnrzllAu%2FBildschirmfoto%202024-10-05%20um%2020.35.03.png?alt=media&#x26;token=ecb04721-ac31-4155-bb10-b9d16b9b50c9" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="260">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Button in voller Breite (1)</td><td>Somit nimmt der Button 100% des vorgesehenen Platzes in der Breite ein.</td></tr><tr><td>Button nur umranden (2)</td><td>Die Hintergrundfarbe ist transparent und nur der Text und die Umrandung ist in der Farbe des Typs (3) sichtbar.</td></tr><tr><td>Button Typ (3)</td><td><p><strong>Primärfarbe</strong> = Die Primärfarbe des Themes<br><strong>Sekundärfarbe</strong> = Die Sekundärfarbe des Themes<br><strong>Dunkel</strong> = Bootstrap 5 Standard "dark"<br><strong>Hell</strong> = Bootstrap 5 Standard "light"</p><p><strong>Button als Link</strong> = Button wird als einfacher Link dargestellt<br><strong>Status - Erfolg</strong> = Die Statusfarbe "Erfolg" des Themes<br><strong>Status - Information</strong> = Die Statusfarbe "Info" des Themes<br><strong>Status - Hinweis</strong> = Die Statusfarbe "Hinweis" des Themes<br><strong>Status - Fehler</strong> = Die Statusfarbe "Fehler" des Themes</p></td></tr><tr><td>Button Größe (4)</td><td>Die Größe des Buttons kann hier definiert werden. Das hat zudem auch Einfluss auf die Schriftgöße.</td></tr><tr><td>Text auf dem Button (5)</td><td>Hier setzt du den Text, der auf dem Button stehen soll. Selbstverständlich auch mehrsprachig möglich.</td></tr></tbody></table>