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