Blog/Airframe-React
Template
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Init

Browse Source 
Preview: http://dashboards.webkom.co/react/airframe
This commit is contained in:
Tomasz Owczarczyk
2019-08-15 00:54:44 +02:00
parent f975443095
commit 37092d1d6c
626 changed files with 56691 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

119
app/routes/Interface/Breadcrumbs/Breadcrumbs.js Executable file
View File

@@ -0,0 +1,119 @@
import React from 'react';
import {
Container,
Row,
Col,
Card,
CardBody,
Breadcrumb,
BreadcrumbItem,
CardTitle,
} from './../../../components'
import { HeaderMain } from "../../components/HeaderMain";
import {
HeaderDemo
} from "../../components/HeaderDemo";
export const Breadcrumbs = () => (
<Container>
<HeaderMain
title="Breadcrumbs"
className="mb-5 mt-4"
/>
{ /* START Header 1 */}
<Row>
<Col lg={ 12 }>
<HeaderDemo
no={1}
title="Breadcrumbs Defaults"
subTitle={(
<React.Fragment>
Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS.
</React.Fragment>
)}
/>
</Col>
</Row>
{ /* END Header 1 */}
{ /* START Section 1 */}
<Row>
{ /* START Col6 1 */}
<Col lg={ 6 }>
{ /* START Card Breadcrumb */}
<Card className="mb-3">
<CardBody>
<CardTitle tag="h6" className="mb-3">
Breadcrumb: Default
<span className="small ml-1 text-muted">
#1.01
</span>
</CardTitle>
<Breadcrumb>
<BreadcrumbItem active>
Home
</BreadcrumbItem>
</Breadcrumb>
</CardBody>
</Card>
{ /* START Card Breadcrumb */}
</Col>
{ /* END Col6 1 */}
{ /* START Col6 1 */}
<Col lg={ 6 }>
{ /* START Card Breadcrumb */}
<Card className="mb-3">
<CardBody>
<CardTitle tag="h6" className="mb-3">
Breadcrumb: Default
<span className="small ml-1 text-muted">
#1.02
</span>
</CardTitle>
<Breadcrumb>
<BreadcrumbItem>
<a href="#">Home</a>
</BreadcrumbItem>
<BreadcrumbItem active>
Library
</BreadcrumbItem>
</Breadcrumb>
</CardBody>
</Card>
{ /* START Card Breadcrumb */}
</Col>
{ /* END Col6 1 */}
{ /* START Col6 1 */}
<Col lg={ 6 }>
{ /* START Card Breadcrumb */}
<Card className="mb-3">
<CardBody>
<CardTitle tag="h6" className="mb-3">
Breadcrumb: Default
<span className="small ml-1 text-muted">
#1.03
</span>
</CardTitle>
<Breadcrumb>
<BreadcrumbItem>
<a href="#">Home</a>
</BreadcrumbItem>
<BreadcrumbItem>
<a href="#">Library</a>
</BreadcrumbItem>
<BreadcrumbItem active>
Data
</BreadcrumbItem>
</Breadcrumb>
</CardBody>
</Card>
{ /* START Card Breadcrumb */}
</Col>
{ /* END Col6 1 */}
</Row>
{ /* START Section 1 */}
</Container>
);
export default Breadcrumbs;