Leave Yamada UI a star
StarBreadcrumb is a component that helps users understand the hierarchy of a website.
Description
The CSS font-size property.
Deprecated
Use fontSize instead.
Type
UIValue<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | ... 17 more ... | "xs">Description
If true, change to span element.
Type
booleanDefault
falseDescription
The left and right margin applied to the separator.
Type
UIValue<number | "px" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (string & {}) | "2xl" | "lg" | "md" | "sm" | "xl" | ({} & string) | "3xl" | "4xl" | ... 100 more ... | "normal">Default
'2'Description
If true, change to span element.
Deprecated
Use currentPage instead.
Type
booleanDefault
falseDescription
If true, not show separator.
Deprecated
Use lastChild instead.
Type
booleanDefault
falseDescription
If true, not show separator.
Type
booleanDefault
falseDescription
The visual separator between each breadcrumb item.
Type
type ONLY_FOR_FORMAT =
| string
| ReactElement<any, string | JSXElementConstructor<any>>Default
'/'Description
Props for separator element.
Type
BreadcrumbSeparatorPropsDescription
If true, change to span element.
Type
booleanDefault
falseDescription
If true, change to span element.
Deprecated
Use currentPage instead.
Type
booleanDefault
falseDescription
The icon to be used in the ellipsis.
Type
string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | ((props: { ...; }) => ReactNode)Description
Number of elements visible on the end(right) edges.
Type
UIValue<number>Description
The left and right margin applied to the separator.
Type
UIValue<number | "px" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (string & {}) | "2xl" | "lg" | "md" | "sm" | "xl" | ({} & string) | "3xl" | "4xl" | ... 100 more ... | "normal">Default
'2'Description
If provided, generate breadcrumb items based on items.
Type
BreadcrumbGenerateItem[]Description
Props for ol element.
Type
HTMLUIProps<"ol">Description
The visual separator between each breadcrumb item.
Type
type ONLY_FOR_FORMAT =
| string
| ReactElement<any, string | JSXElementConstructor<any>>Default
'/'Description
Props for separator element.
Type
BreadcrumbSeparatorPropsDescription
Number of elements visible on the start(left) edges.
Type
UIValue<number>Description
The CSS margin-inline-start, and margin-inline-end property.
Type
UIValue<number | "px" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (string & {}) | "2xl" | "lg" | "md" | "sm" | "xl" | ({} & string) | "3xl" | "4xl" | ... 100 more ... | "normal">Edit this page on GitHub