HTMLChakraProps<"ol">Breadcrumb
Breadcrumbs is a navigation pattern that helps users understand the hierarchy of a website.
Props#
Breadcrumb Props#
listProps
listPropsType
separator
separatorDescription
The visual separator between each breadcrumb item
Type
type ONLY_FOR_FORMAT =
| string
| ReactElement<any, string | JSXElementConstructor<any>>Default
"/"spacing
spacingDescription
The left and right margin applied to the separator
Type
string | number | boolean | (string & {}) | ResponsiveArray<string | number | (string & {})> | Partial<Record<string, string | number | (string & {})>> | ResponsiveArray<...> | Partial<...> | ((theme: Record<...>) => ResponsiveValue<...>)Default
"0.5rem"BreadcrumbItem Props#
isCurrentPage
isCurrentPageType
booleanisLastChild
isLastChildType
booleanseparator
separatorDescription
The visual separator between each breadcrumb item
Type
type ONLY_FOR_FORMAT =
| string
| ReactElement<any, string | JSXElementConstructor<any>>Default
"/"spacing
spacingDescription
The left and right margin applied to the separator
Type
string | number | boolean | (string & {}) | ResponsiveArray<string | number | (string & {})> | Partial<Record<string, string | number | (string & {})>> | ResponsiveArray<...> | Partial<...> | ((theme: Record<...>) => ResponsiveValue<...>)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.