preact-sidenav

Minimal viable sidenav implementation.

Demo

Size:

File	Size	Gzip
js	2,1K	902B
css	2,3K	626B

Usage Example

Use and provide content and a navigation var

import Sidenav from 'preact-sidenav';
 
import '../node_modules/preact-sidenav/sidenav.css'
 
 
const Nav = () => (
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
  </ul>
)
 
const App = () => (
    <Sidenav sidebar={ <Nav /> } 
    onClose={close} onOpen={open}>
    <Content />
  </Sidenav>
);
 
render(<App />, document.body);

Scss file is also provided

License

MIT