Color Schemes for Breadcrumb are not implemented in the default theme. You can extend the theme to implement them.
Breadcrumb
Breadcrumbs is a navigation pattern that helps users understand the hierarchy of a website.
Props#
Breadcrumb Props#
colorScheme
colorSchemeDescription
Type
stringlistProps
listPropsType
HTMLChakraProps<"ol">separator
separatorDescription
The visual separator between each breadcrumb item
Type
string | React.ReactElementDefault
"/"size
sizeDescription
Sizes for Breadcrumb are not implemented in the default theme. You can extend the theme to implement them.
Type
stringspacing
spacingDescription
The left and right margin applied to the separator
Type
SystemStyleObject["mx"]Default
"0.5rem"variant
variantDescription
Variants for Breadcrumb are not implemented in the default theme. You can extend the theme to implement them.
Type
stringBreadcrumbItem Props#
isCurrentPage
isCurrentPageType
booleanisLastChild
isLastChildType
booleanseparator
separatorDescription
The visual separator between each breadcrumb item
Type
string | React.ReactElementDefault
"/"spacing
spacingDescription
The left and right margin applied to the separator
Type
SystemStyleObject["mx"]Default
"0.5rem"BreadcrumbLink Props#
The BreadcrumbLink composes the Link component so you can use all Link props.
isCurrentPage
isCurrentPageType
booleanBreadcrumbSeparator Props#
The BreadcrumbSeparator composes the Box component so you can use all Box props.
Props#
Breadcrumb Props#
colorScheme
colorSchemeDescription
Color Schemes for Breadcrumb are not implemented in the default theme. You can extend the theme to implement them.
Type
stringlistProps
listPropsType
HTMLChakraProps<"ol">separator
separatorDescription
The visual separator between each breadcrumb item
Type
string | React.ReactElementDefault
"/"size
sizeDescription
Sizes for Breadcrumb are not implemented in the default theme. You can extend the theme to implement them.
Type
stringspacing
spacingDescription
The left and right margin applied to the separator
Type
SystemStyleObject["mx"]Default
"0.5rem"variant
variantDescription
Variants for Breadcrumb are not implemented in the default theme. You can extend the theme to implement them.
Type
stringBreadcrumbItem Props#
isCurrentPage
isCurrentPageType
booleanisLastChild
isLastChildType
booleanseparator
separatorDescription
The visual separator between each breadcrumb item
Type
string | React.ReactElementDefault
"/"spacing
spacingDescription
The left and right margin applied to the separator
Type
SystemStyleObject["mx"]Default
"0.5rem"BreadcrumbLink Props#
The BreadcrumbLink composes the Link component so you can use all Link props.
isCurrentPage
isCurrentPageType
booleanBreadcrumbSeparator Props#
The BreadcrumbSeparator composes the Box component so you can use all Box props.