All files / components/layout/sidebar/story sidebar.fixed.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from 'react'
import Sidebar from '../'
 
const SidebarStory = () => (
  <div style={{
    position: 'relative',
    width: '100%'
  }}>
    <Sidebar side='left' fixed >
      <div style={{ width: '100%', height: '100vh', background: '#314056', color: 'white' }}>
        Content Left Fixed
      </div>
    </Sidebar>
 
    <Sidebar side='right' fixed >
      <div style={{ width: '100%', height: '100vh', background: '#fff', borderLeft: 'solid 1px #ccc' }}>
        Content Sidebar Right Fixed
      </div>
    </Sidebar>
  </div>
)
 
export default SidebarStory