Buttons

Button Style

Ein Button kann in unterschiedlichen Styles verwendet werden. button--primary darf nur einmal auf der Seite vorkommen.

Buttons in Lexware-Style

Button
button
Button Primary
button
button--primary
Button Grey
button
button--white
Button Textlink
button
button--link

Buttons für neutralen Style

Button Outline
button
button--outline
Button Textlink
button
button--link

Button Größen

Die Modifier-Klassen können in Kombination mit allen Buttons verwendet werden, um die Größe anzupassen.

Button
button
Button Large
button
button--large
Button Small
button
button--small

Buttons mit Pfeilen

Wird eine zusätzliche Klasse button--arrow-* hinzugefügt, erhält der Button einen Pfeil.

Button mit Pfeil rechts
button
button--arrow-right
Button Primary mit Pfeil rechts
button
button--primary
button--arrow-right
Button Link mit Pfeil rechts
button
button--link
button--arrow-right

Buttons mit Icons

Icons aus dem Glyphicons Set können auch innerhalb eines Buttons verwendet werden.

 Button mit Glyphicon
button
 Button Link mit Glyphicon
button
button--link
Baukasten-Menü
(auf und zu)