Vurox
  • Installing Template
  • Getting started with template files
  • Getting Started with next js
    • Introduction to Next.js
    • Shipping Vurox with _app.js
    • Adding a Global Stylesheet
    • Pages
    • Fetching Data
  • Template Layout
  • Components
    • Alerts
    • Breadcrumbs
    • Badge
    • Buttons
    • Cards
    • Carousel
    • Collapse
    • Comments
    • Dropdown
Powered by GitBook
On this page

Was this helpful?

  1. Components

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>

PreviousAlertsNextBadge

Last updated 4 years ago

Was this helpful?