A Toggle-navbar component for React

Create and customize desplegable navbars.

Creating desplegable navbars made simple

Build your own toggle-navbar using just three components, SideBarContainer, SideBar and CloseButton.

function ToggleNavBar () {
    return (
        <SideBarContainer>
            <SideBar
                buttonClass='w-8 h-8'
                navClass='bg-white'
                buttonContent={
                    <img className='w-max h-max' src={barsIcon} />
                }
            >
                <CloseButton 
                    className='absolute text-4xl top-5 left-5'
                >
                    x
                </CloseButton>
            </SideBar>
        </SideBarContainer>
    );
}