Tillbaka till dokumentationen

Sidrad

Kommer inom kort...

Information

Plan: Personal

Egenskaper

EgenskapTypStandard
Föremål
{
  "items": {
    "props": {
      "href": {
        "type": "string"
      },
      "isActive": {
        "type": "boolean"
      },
      "label": {
        "type": "string"
      }
    },
    "type": "object"
  },
  "type": "array"
}
[
  {
    "href": "/",
    "isActive": true,
    "label": "Lorem ipsum"
  },
  {
    "href": "/",
    "isActive": false,
    "label": "Suspendisse"
  },
  {
    "href": "/",
    "isActive": false,
    "label": "Aenean consectetur"
  }
]
Bakgrundsfärg
textsträng
"var(--ophixor-semantic-surface-overlay)"
Bakgrundsfilter
textsträng
"blur(8px)"
Bårdfärg
textsträng
"var(--ophixor-semantic-border-default)"
Color - Item
textsträng
"var(--ophixor-semantic-text-secondary)"
Color - Item - Active
textsträng
"var(--ophixor-semantic-text-inverse)"
Color - Item - Active - Hover
textsträng
"var(--ophixor-semantic-text-inverse)"
Color - Item - Hover
textsträng
"var(--ophixor-semantic-interactive-primary)"
Background color - Item
textsträng
"transparent"
Background color - Item - Active
textsträng
"var(--ophixor-semantic-interactive-primary)"
Background color - Item - Active - Hover
textsträng
"var(--ophixor-semantic-interactive-primary-hover)"
Background color - Item - Hover
textsträng
"var(--ophixor-semantic-surface-primary)"
Är synlig
boolesk
true
Selektorer
lista
[]