Menyrad

En simpel anpassningsbar menyrad som kan användas längst upp på sidan.

Information

Plan: Personal

Tillagd: 2026-04-04

Egenskaper

Egenskap	Typ	Standard
Titel	textsträng	"Lorem ipsum"
Icon image alt	textsträng	""
Icon image src	textsträng	""
Icon (letter)	textsträng	"L"
Föremål	{ "items": { "props": { "href": { "type": "string" }, "items": { "items": { "props": { "href": { "type": "string" }, "label": { "type": "string" }, "theme": { "type": "string" }, "type": { "type": "string" } }, "type": "object" }, "type": "array" }, "label": { "type": "string" }, "theme": { "type": "string" }, "type": { "type": "string" } }, "type": "object" }, "type": "array" }	[ { "items": [ { "href": "/", "items": [], "label": "Maecenas sagittis", "type": "link" }, { "href": "/", "items": [], "label": "Morbi ac orci", "type": "link" }, { "href": "/", "items": [], "label": "Cras ac dolor", "type": "link" } ], "label": "Lorem ipsum" }, { "items": [], "label": "Suspendisse" }, { "items": [], "label": "Aenean consectetur" } ]
Bakgrundsfärg	textsträng	"var(--ophixor-semantic-surface-base)"
Bakgrundsbild	textsträng	"none"
Bakgrundsfilter	textsträng	"blur(8px)"
Bårdfärg	textsträng	"var(--ophixor-semantic-border-default)"
Boxskugga	textsträng	"var(--ophixor-semantic-shadow-floating)"
Background color - Icon (letter)	textsträng	"var(--ophixor-semantic-interactive-primary)"
Color - Icon (letter)	textsträng	"var(--ophixor-semantic-text-inverse)"
Color - Item	textsträng	"var(--ophixor-semantic-text-primary)"
Color - Item - Hover	textsträng	"var(--ophixor-semantic-interactive-primary-hover)"
Background color - Item - Primary	textsträng	"var(--ophixor-semantic-interactive-primary)"
Background color - Item - Primary - Hover	textsträng	"var(--ophixor-semantic-interactive-primary-hover)"
Color - Item - Primary	textsträng	"var(--ophixor-semantic-text-inverse)"
Color - Item - Primary - Hover	textsträng	"var(--ophixor-semantic-text-inverse)"
Background color - Line - Hover	textsträng	"transparent"
Background color - Submenu	textsträng	"var(--ophixor-semantic-surface-base)"
Background color - Submenu - Item - Hover	textsträng	"var(--ophixor-semantic-interactive-primary-hover)"
Background color - Submenu - Item - Primary	textsträng	"var(--ophixor-semantic-interactive-primary)"
Background color - Submenu - Item - Primary - Hover	textsträng	"var(--ophixor-semantic-interactive-primary-hover)"
Color - Submenu - Item	textsträng	"var(--ophixor-semantic-text-primary)"
Color - Submenu - Item - Hover	textsträng	"var(--ophixor-semantic-text-inverse)"
Color - Submenu - Item - Primary	textsträng	"var(--ophixor-semantic-text-inverse)"
Color - Submenu - Item - Primary - Hover	textsträng	"var(--ophixor-semantic-text-inverse)"
Background color - Mobile	textsträng	"var(--ophixor-semantic-surface-base)"
Background image - Mobile	textsträng	"none"
Färg	textsträng	"var(--ophixor-semantic-text-primary)"
Färg - Mus över	textsträng	"var(--ophixor-semantic-interactive-primary-hover)"
Position	uppräkning<textsträng>	"relative"
Topp	textsträng	"auto"
Är synlig	boolesk	true
Selektorer	lista	[]

Varianter

Variant	Beskrivning
Glass - Blue	Kommer inom kort...