2018-04-05 16:29:22 +03:00
|
|
|
### Breadcrumb
|
2018-03-01 15:40:36 +02:00
|
|
|
|
|
|
|
```jsx
|
|
|
|
// Name: Active
|
|
|
|
const React = require('react');
|
|
|
|
const { Breadcrumb, BreadcrumbItem, Anchor } = require('./index.js');
|
|
|
|
|
|
|
|
<Breadcrumb>
|
|
|
|
<BreadcrumbItem>Home</BreadcrumbItem>
|
|
|
|
<BreadcrumbItem>
|
|
|
|
<Anchor href="https://joyent.com">Warp Records Blog</Anchor>
|
|
|
|
</BreadcrumbItem>
|
|
|
|
<BreadcrumbItem>
|
|
|
|
<Anchor href="https://joyent.com">Services</Anchor>
|
|
|
|
</BreadcrumbItem>
|
|
|
|
<BreadcrumbItem>
|
|
|
|
<Anchor href="https://joyent.com">Ngnix</Anchor>
|
|
|
|
</BreadcrumbItem>
|
|
|
|
</Breadcrumb>;
|
|
|
|
```
|
|
|
|
|
2018-04-05 16:29:22 +03:00
|
|
|
### Footer
|
2018-03-01 15:40:36 +02:00
|
|
|
|
|
|
|
```jsx
|
|
|
|
// Name: Active
|
|
|
|
const React = require('react');
|
|
|
|
const { Footer } = require('./');
|
|
|
|
|
2018-03-21 18:19:17 +02:00
|
|
|
<div style={{ position: 'relative', height: 100 }}>
|
2018-03-01 15:40:36 +02:00
|
|
|
<Footer />
|
2018-03-21 18:19:17 +02:00
|
|
|
</div>;
|
2018-03-01 15:40:36 +02:00
|
|
|
```
|