Inline-Announcement/Product recall
Varianten
| Property | Optionen | Default |
|---|---|---|
Property 1 | Product recall | Product recall |
Design Tokens
| Variant | CSS Property | Token |
|---|---|---|
| Property 1=Product recall | background | Surface/main |
| Property 1=Product recall | background | Text/main |
| Property 1=Product recall | background | Primary/main |
| Property 1=Product recall | background | color/text/inverse |
| Property 1=Product recall | border-color | Primary/main |
| Property 1=Product recall | border-color | Text/main |
| Property 1=Product recall | gap | Padding/2xs |
| Property 1=Product recall | gap | spacing/fix/none |
| Property 1=Product recall | padding-bottom | Inset/xs |
| Property 1=Product recall | padding-bottom | spacing/fix/none |
| Property 1=Product recall | padding-bottom | Padding/xs |
| Property 1=Product recall | padding-left | Inset/xs |
| Property 1=Product recall | padding-left | spacing/fix/none |
| Property 1=Product recall | padding-left | spacing/fix/s |
| Property 1=Product recall | padding-left | Padding/xs |
| Property 1=Product recall | padding-right | Inset/xs |
| Property 1=Product recall | padding-right | spacing/fix/none |
| Property 1=Product recall | padding-right | spacing/fix/s |
| Property 1=Product recall | padding-right | Padding/xs |
| Property 1=Product recall | padding-top | Inset/xs |
| Property 1=Product recall | padding-top | spacing/fix/none |
| Property 1=Product recall | padding-top | Padding/xs |
Beschreibung
Do / Don't
- ✅
- ❌
Angular Usage
html
<!-- Beispiel-Code einfügen -->typescript
// Input-Beispiel falls relevant