47 lines
1.8 KiB
JavaScript
47 lines
1.8 KiB
JavaScript
import React, { Component } from 'react';
|
|
import { Breadcrumb, BreadcrumbItem, Card, CardBody, CardHeader, Col, Row } from 'reactstrap';
|
|
|
|
class Breadcrumbs extends Component {
|
|
render() {
|
|
return (
|
|
<div className="animated fadeIn">
|
|
<Row>
|
|
<Col xs="12">
|
|
<Card>
|
|
<CardHeader>
|
|
<i className="fa fa-align-justify"></i><strong>Breadcrumbs</strong>
|
|
<div className="card-header-actions">
|
|
<a href="https://reactstrap.github.io/components/breadcrumbs/" rel="noreferrer noopener" target="_blank" className="card-header-action">
|
|
<small className="text-muted">docs</small>
|
|
</a>
|
|
</div>
|
|
</CardHeader>
|
|
<CardBody>
|
|
<Breadcrumb>
|
|
<BreadcrumbItem active>Home</BreadcrumbItem>
|
|
</Breadcrumb>
|
|
<Breadcrumb>
|
|
<BreadcrumbItem><a href="#">Home</a></BreadcrumbItem>
|
|
<BreadcrumbItem active>Library</BreadcrumbItem>
|
|
</Breadcrumb>
|
|
<Breadcrumb>
|
|
<BreadcrumbItem><a href="#">Home</a></BreadcrumbItem>
|
|
<BreadcrumbItem><a href="#">Library</a></BreadcrumbItem>
|
|
<BreadcrumbItem active>Data</BreadcrumbItem>
|
|
</Breadcrumb>
|
|
<Breadcrumb tag="nav">
|
|
<BreadcrumbItem tag="a" href="#">Home</BreadcrumbItem>
|
|
<BreadcrumbItem tag="a" href="#">Library</BreadcrumbItem>
|
|
<BreadcrumbItem tag="a" href="#">Data</BreadcrumbItem>
|
|
<BreadcrumbItem active tag="span">Bootstrap</BreadcrumbItem>
|
|
</Breadcrumb>
|
|
</CardBody>
|
|
</Card>
|
|
</Col>
|
|
</Row>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default Breadcrumbs; |