@nasser-setti/responsive-layout

Responsive layout is a library to give the capability to build a responsive layout for your application. All what you need to do is to provide links of your web application .

You will benefit from a responsive sidebar web site.

Installation & Setup

npm install @nasser-setti/responsive-sidebar

How to use

import { Sidebar, SidebarProvider } from "@nasser-setti/responsive-sidebar";

function App() {

  return (
    <SidebarProvider>  
      <Sidebar
			content={<div>Hello world</div>}
        links={
          <>
            <a href="#">Link 1</a>
            <a href="#">Link 2</a>
            <a href="#">Link 3</a>
            <a href="#">Link 4</a>
            <a href="#">Link 5</a>
          </>
        }
        headerRightLinks={[
          {
            title: "Link 1",
            href: "#",
          },
          {
            title: "Link 2",
            href: "#",
          },
          {
            title: "Link 3",
            href: "#",
          },
        ]}
	   />
    </SidebarProvider>
  )

}