Breadcrumbs

Vurox has basic breadcrumbs with some designs with ant design breadcrumbs

import { 
	VuroxBreadcrumbs
} from 'Components/breadcrumbs'

Then

<VuroxBreadcrumbs 
    pagename='Email' 
    links={
        [ 
            ['Home', '/', ''], 
            ['Application','/application'], 
            [ 'Email', '/mail', 'active'] 
        ]
    } 
/>

Components Props

Value

pagename

(String)Name of page.For example : Email

links

(Array) Contains multidimensional array.

Values contained:

name: Name of the page/links

url,

active class: default: active

Also you can use breadcrumbs from ant design

import {Breadcrumb} from 'antd';
<Breadcrumb>
    <Breadcrumb.Item>Ant Design</Breadcrumb.Item>
    <Breadcrumb.Item>
        <a href="">Component</a>
    </Breadcrumb.Item>
    <Breadcrumb.Item overlay={menu}>
        <a href="">General</a>
    </Breadcrumb.Item>
    <Breadcrumb.Item>Button</Breadcrumb.Item>
</Breadcrumb>

Last updated

Was this helpful?