Breadcrumb
Install and import
Example
Separator
You can customize your separator.
Example 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.1.3
- - @welcome-ui/box^2.0.2
- - @welcome-ui/icons.right^2.0.2
- - @welcome-ui/system^2.0.2
- - @welcome-ui/utils^2.0.2
Peer dependencies
- - @xstyled/styled-components^1.17.0
- - @xstyled/system^1.17.0
- - react^16.10.2
- - react-dom^16.10.2
- - styled-components^4.0.0 || ^5.0.0