> For the complete documentation index, see [llms.txt](https://docs.rh-webdesign.com/cms-bundle/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rh-webdesign.com/cms-bundle/elemente/konfigurationsbausteine/button.md).

# Button

<figure><img src="/files/Ba9aCkJtD1POWr16YDIz" 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>