button--text
Varianten
| Property | Optionen | Default |
|---|---|---|
State | Disabled, Hover, Pressed, Default | Default |
Properties
| Name | Typ | Default |
|---|---|---|
showLeadingIcon#2036:0 | boolean | false |
leadingIcon#2048:51 | instance_swap | 2027:34 |
Design Tokens
| Variant | CSS Property | Token |
|---|---|---|
| State=Default | background | Primary/main |
| State=Default | border-color | Primary/main |
| State=Default | gap | Gap/xs |
| State=Disabled | background | Primary/subtle |
| State=Disabled | border-color | Primary/main |
| State=Disabled | gap | Gap/xs |
| State=Hover | background | Primary/strong |
| State=Hover | border-color | Primary/main |
| State=Hover | gap | Gap/xs |
| State=Pressed | background | Primary/strong |
| State=Pressed | border-color | Primary/main |
| State=Pressed | gap | Gap/xs |
Beschreibung
Do / Don't
- ✅
- ❌
Angular Usage
html
<!-- Beispiel-Code einfügen -->typescript
// Input-Beispiel falls relevant