Back to documentation

Breadcrumb

A breadcrumb can be used to show the navigation structure of a website.

Information

Plan: Personal

Properties

PropertyTypeDefault
Items
{
  "items": {
    "props": {
      "href": {
        "type": "string"
      },
      "text": {
        "type": "string"
      }
    },
    "type": "object"
  },
  "type": "array"
}
[]
Width
string
"auto"
Height
string
"auto"
Color
string
"var(--ophixor-semantic-text-muted)"
Color - Link
string
"var(--ophixor-semantic-text-muted)"
Color - Link - Hover
string
"var(--ophixor-semantic-text-primary)"
Color - Last
string
"var(--ophixor-semantic-text-primary)"
Color - Last - Link
string
"var(--ophixor-semantic-text-primary)"
Color - Last - Link - Hover
string
"var(--ophixor-semantic-text-primary)"
Background color
string
"transparent"
Border color
string
"transparent"
Border radius
string
"0px"
Border width
string
"1px"
Border style
string
"solid"
Box shadow
string
"none"
Is visible
boolean
true
Selectors
array
[]