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
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.
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
If true, change to span element.
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
Number of elements visible on the start(left) edges.
Type
UIValue<number>Description
The CSS margin-inline-start, and margin-inline-end property.
Type
number | "px" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (string & {}) | "2xl" | "lg" | "md" | "sm" | "xl" | ({} & string) | "3xl" | "4xl" | "xs" | ... 104 more ... | ((theme: StyledTheme) => UIValue<...>)Edit this page on GitHub