Breadcrumb

v2.0.2

Install and import

yarn add @welcome-ui/breadcrumb @xstyled/styled-components @xstyled/system react react-dom styled-components

yarn add @welcome-ui/breadcrumb @xstyled/styled-components @xstyled/system react react-dom styled-components

import { Breadcrumb } from '@welcome-ui/breadcrumb'

import { Breadcrumb } from '@welcome-ui/breadcrumb'

Example

Breadcrumb
Components
Introduction

Separator

You can customize your separator.

Breadcrumb
/Components
/Introduction
Breadcrumb
-Components
-Introduction

Example with React Router

import { Link as RouterLink } from 'react-router-dom'
<Breadcrumb renderChildrenAs={RouterLink}>
  <Breadcrumb.Item to="/">Introduction</Breadcrumb.Item>
  <Breadcrumb.Item to="/components">Components</Breadcrumb.Item>
  <Breadcrumb.Item to='/components/breadcrumb'>Breadcrumb</Breadcrumb.Item>
</Breadcrumb>

import { Link as RouterLink } from 'react-router-dom'
<Breadcrumb renderChildrenAs={RouterLink}>
  <Breadcrumb.Item to="/">Introduction</Breadcrumb.Item>
  <Breadcrumb.Item to="/components">Components</Breadcrumb.Item>
  <Breadcrumb.Item to='/components/breadcrumb'>Breadcrumb</Breadcrumb.Item>
</Breadcrumb>

Properties

Breadcrumb

Name	Type(s)	Default
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

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

Made with by