Tillbaka till dokumentationen
Menyrad 2
En ny anpassningsbar menyrad som kan användas längst upp på sidan.
Information
Plan: Personal
Tillagd: 2026-08-15
Egenskaper
| Egenskap | Typ | Standard |
|---|---|---|
| Logotyp - Länk | textsträng | "" |
| Logotyp - Text | textsträng | "" |
| Logotyp - Källa | textsträng | "" |
| Logotyp - Alternativ text | textsträng | "" |
| Kolumner | nummer | 1 |
| Ignorerar textskugga på datormenyrad | boolesk | false |
| Ignorerar textskugga på mobilmenyrad | boolesk | false |
| Öppnar och stänger vid klick | boolesk | false |
| Vertikal datormenyrad | boolesk | false |
| Mobilmenyraden är vertikal | boolesk | false |
| Föremål | {
"items": {
"props": {
"text": {
"type": "string"
},
"href": {
"type": "string"
},
"target": {
"type": "string"
},
"icon": {
"type": "string"
},
"badge": {
"type": "string"
},
"columns": {
"type": "number"
},
"isIgnoringPadding": {
"type": "boolean"
},
"isDesktopOnly": {
"type": "boolean"
},
"isMobileOnly": {
"type": "boolean"
},
"items": {
"items": {
"props": {
"text": {
"type": "string"
},
"href": {
"type": "string"
},
"target": {
"type": "string"
},
"icon": {
"type": "string"
},
"badge": {
"type": "string"
},
"isExpandable": {
"type": "boolean"
},
"items": {
"items": {
"props": {
"text": {
"type": "string"
},
"href": {
"type": "string"
},
"target": {
"type": "string"
},
"icon": {
"type": "string"
},
"badge": {
"type": "string"
},
"isExpandable": {
"type": "boolean"
},
"heading": {
"type": "boolean"
},
"indented": {
"type": "boolean"
},
"items": {
"items": {
"props": {
"text": {
"type": "string"
},
"href": {
"type": "string"
},
"target": {
"type": "string"
},
"icon": {
"type": "string"
},
"badge": {
"type": "string"
},
"heading": {
"type": "boolean"
},
"indented": {
"type": "boolean"
}
},
"type": "object"
},
"type": "array"
}
},
"type": "object"
},
"type": "array"
}
},
"type": "object"
},
"type": "array"
}
},
"type": "object"
},
"type": "array"
} | [] |
| Bakgrund | textsträng | "linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 50%, transparent 50%, rgba(255, 255, 255, 0.1) 100%)" |
| Background color | textsträng | "var(--ophixor-semantic-interactive-primary-hover)" |
| Border color | textsträng | "var(--ophixor-semantic-interactive-primary-hover)" |
| Text - Color | textsträng | "var(--ophixor-semantic-surface-base)" |
| Text - Color - Hover | textsträng | "var(--ophixor-semantic-surface-page)" |
| Background color | textsträng | "var(--ophixor-semantic-surface-base)" |
| Border color | textsträng | "var(--ophixor-semantic-interactive-primary)" |
| Color | textsträng | "var(--ophixor-semantic-text-primary)" |
| Color - Hover | textsträng | "var(--ophixor-semantic-surface-page)" |
| Component - Color | textsträng | "var(--ophixor-semantic-text-primary)" |
| Background color - Hover | textsträng | "var(--ophixor-semantic-interactive-primary)" |
| Badge - Background color | textsträng | "var(--ophixor-semantic-status-danger-text)" |
| Badge - Color | textsträng | "var(--ophixor-semantic-surface-base)" |
| Border bottom color - Hover | textsträng | "var(--ophixor-semantic-surface-base)" |
| Border right color | textsträng | "var(--ophixor-semantic-interactive-primary)" |
| Color | textsträng | "var(--ophixor-semantic-surface-base)" |
| Color - Hover | textsträng | "var(--ophixor-semantic-surface-page)" |
| Är synlig | boolesk | true |
| Selektorer | lista | [] |