Skip to content

button--text ​

Varianten ​

PropertyOptionenDefault
StateDisabled, Hover, Pressed, DefaultDefault

Properties ​

NameTypDefault
showLeadingIcon#2036:0booleanfalse
leadingIcon#2048:51instance_swap2027:34

Design Tokens ​

VariantCSS PropertyToken
State=DefaultbackgroundPrimary/main
State=Defaultborder-colorPrimary/main
State=DefaultgapGap/xs
State=DisabledbackgroundPrimary/subtle
State=Disabledborder-colorPrimary/main
State=DisabledgapGap/xs
State=HoverbackgroundPrimary/strong
State=Hoverborder-colorPrimary/main
State=HovergapGap/xs
State=PressedbackgroundPrimary/strong
State=Pressedborder-colorPrimary/main
State=PressedgapGap/xs

Beschreibung ​

Do / Don't ​

  • ✅
  • ❌

Angular Usage ​

html
<!-- Beispiel-Code einfügen -->
typescript
// Input-Beispiel falls relevant

Accessibility ​

Notizen ​

CR4FT Design System — auto-synced from Figma