Übersicht Design Elemente

Zurück zur Übersicht

Base: Button

Buttons

Varianten

Standard Button
class: drs-button
Outlined Button
class: drs-button drs-button--is-outline
Secondary Button  
class: drs-button drs-button--is-secondary
Secondary Outline Button
class: drs-button drs-button--is-secondary-outline
Tertiary Button  
class: drs-button drs-button--is-tertiary
Tertiary Outline Button
class: drs-button drs-button--is-tertiary-outline
Grey Button  
class: drs-button drs-button--is-grey
Grey Outline Button
class: drs-button drs-button--is-grey-outline

White Button   
class: drs-button drs-button--is-white
White Outlined Button
class: drs-button drs-button--is-white drs-button--is-outline

Größen

smaller Standard Button   
class: drs-button drs-button--is-smaller
smaller Standard Outlined Button
class: drs-button drs-button--is-smaller drs-button--is-outline

States

Standard Button Disabled   
Hinweis: Für den disabled state der buttons, das Attribut disabled vor die class="drs-button" setzen
Outline Button Disabled
Hinweis: Für den disabled state der buttons, das Attribut disabled vor die class="drs-button" setzen