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

0% Statements 0/9
0% Branches 0/4
0% Functions 0/2
0% Lines 0/4
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