| /* |
| * Copyright (c) 2018 StreamNative. All Rights Reserved. |
| * |
| * Licensed under the Apache License, Version 2.0 (the "License"); |
| * you may not use this file except in compliance with the License. |
| * You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| */ |
| 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; |