Stylish Sidebar - start your React project with an elegant super-easy-to-implement sidebar.

Stylish Sidebar is an open source, production-ready React sidebar component that can be quickly implemented into any desktop dashboard.

Demo

Looking for an example to play around with? Check this out.

Get started

Installation

npm install stylish-sidebar
yarn add stylish-sidebar

Usage

Here is a quick example to get you started:

import React from 'react';
import ReactDOM from 'react-dom';
import StylishSidebar from 'stylish-sidebar';

function App() {
  return (
    <AppContainer>  // make sure this parent includes 'display: flex' property
      <StylishSidebar />
      <MainView />
    </AppContainer>
  )
}

ReactDOM.render(<App />, document.querySelector('#app'));

Yes, it is that simple.

Documentation

Check out our documentation for guides and a full API reference.

Community

Get help or stay up to date. If you have questions feel free to reach out.

Created in 2020 and maintained by @EugeCos

License

This project is licensed under the terms of the MIT license.