Breadcrumb
Install and import #
Usage #
Separator #
You can customize your separator.
Usage with React Router #
Properties #
Breadcrumb #
| Name | Type(s) | Default | Required |
|---|---|---|---|
| children | node | ||
| gradientBackground | string color from theme, add for scroll gradient on mobile | light.900 | |
| renderChildrenAs | union | a | |
| separator | node | string | <RightIcon size="sm" /> |
Breadcrumb.Item #
| Name | Type(s) | Default | Required |
|---|---|---|---|
| children | node | ||
| separator | node | string |
Dependencies #
- - @juggle/resize-observer^3.3.0
- - @welcome-ui/box^3.0.0
- - @welcome-ui/icons.right^3.0.0
- - @welcome-ui/system^3.0.0
- - @welcome-ui/utils^4.0.0-alpha.0
Peer dependencies #
- - @xstyled/styled-components^2.2.3
- - @xstyled/system^2.2.3
- - react^16.10.2 || ^17.0.1
- - react-dom^16.10.2 || ^17.0.1
- - styled-components^5.2.1