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 |