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?

Template Layout

Vurox contains 4 layouts for the template filing

import {
	VuroxLayout,
	HeaderLayout,
	VuroxSidebar,
	ContentLayout
} from 'Components/layout'
<React.Fragment>
	<HeaderLayout className="sticky-top">
		<HeaderDark />
	</HeaderLayout>
<VuroxLayout>
	<VuroxSidebar width={240} className="classname" >
		<Sidebar className={toggleClass} />
	</VuroxSidebar>
	<ContentLayout className='vurox-scroll-y'>
			...... content here ......
	</ContentLayout>
	</VuroxLayout>
</React.Fragment>
PreviousFetching DataNextAlerts

Last updated 4 years ago

Was this helpful?