Tillbaka till dokumentationen
Märke
Ett märke kan användas för att visa olästa notifikationer, antalet föremål i en lista eller som en statusindikator.
Information
Plan: Personal
Exempel
PrimärLyckatVarningFara
Solid
PrimärLyckatVarningFara
Kontur
PrimärLyckatVarningFara
Egenskaper
| Egenskap | Typ | Standard |
|---|---|---|
| Text | textsträng | "Text" |
| Tema | uppräkning<textsträng> | "" |
| Fontstorlek | textsträng | "0.75rem" |
| Fontvikt | textsträng | "600" |
| Färg | textsträng | "var(--ophixor-semantic-status-primary-text)" |
| Färg - Primär | textsträng | "var(--ophixor-semantic-status-primary-text)" |
| Färg - Framgång | textsträng | "var(--ophixor-semantic-status-success-text)" |
| Färg - Varning | textsträng | "var(--ophixor-semantic-status-warning-text)" |
| Färg - Fara | textsträng | "var(--ophixor-semantic-status-danger-text)" |
| Textskugga | textsträng | "none" |
| Radhöjd | textsträng | "1" |
| Teckenavstånd | textsträng | "0" |
| Texttransformering | uppräkning<textsträng> | "none" |
| Blanktecken | textsträng | "nowrap" |
| Bakgrund | textsträng | "none" |
| Bakgrundsfärg | textsträng | "var(--ophixor-semantic-status-primary-soft)" |
| Bakgrundsfärg - Primär | textsträng | "var(--ophixor-semantic-status-primary-soft)" |
| Bakgrundsfärg - Framgång | textsträng | "var(--ophixor-semantic-status-success-soft)" |
| Bakgrundsfärg - Varning | textsträng | "var(--ophixor-semantic-status-warning-soft)" |
| Bakgrundsfärg - Fara | textsträng | "var(--ophixor-semantic-status-danger-soft)" |
| Opacitet | textsträng | "1" |
| Bårdradie | textsträng | "999px" |
| Bårdbredd | textsträng | "0px" |
| Bårdfärg | textsträng | "transparent" |
| Bårdfärg - Primär | textsträng | "transparent" |
| Bårdfärg - Framgång | textsträng | "transparent" |
| Bårdfärg - Varning | textsträng | "transparent" |
| Bårdfärg - Fara | textsträng | "transparent" |
| Bårdstil | textsträng | "solid" |
| Boxskugga | textsträng | "var(--ophixor-semantic-shadow-low)" |
| Vaddering | textsträng | "0.35rem 0.75rem" |
| Marginal | textsträng | "0px" |
| Position | uppräkning<textsträng> | "relative" |
| Topp | textsträng | "auto" |
| Höger | textsträng | "auto" |
| Botten | textsträng | "auto" |
| Vänster | textsträng | "auto" |
| Z-index | textsträng | "auto" |
| Bredd | textsträng | "auto" |
| Minsta bredd | textsträng | "auto" |
| Största bredd | textsträng | "none" |
| Höjd | textsträng | "auto" |
| Minsta höjd | textsträng | "auto" |
| Största höjd | textsträng | "none" |
| Är synlig | boolesk | true |
| Selektorer | lista | [] |
Varianter
| Variant | Beskrivning |
|---|---|
| Solid | Kommer inom kort... |
| Kontur | Kommer inom kort... |
| Stor & Kapselavrundad | Kommer inom kort... |
| Liten | Kommer inom kort... |
| Notifikation | Kommer inom kort... |