Toggle-navbar

Docs >Styling

Styling

In the SideBar component you can use the navClass to style the desplegable navBar and buttonClass to style the button which opens the navBar.

<SideBar
    buttonContent={'abrir'}
    navClass='bg-[#15181c] w-48'
    buttonClass='text-[#ddd]/[.7] text-3xl hover:text-white duration-150'
>
</SideBar>

The CloseButton works with all the properties of a button, so you may use whatever you would normally use.

<CloseButton
    onClick={handleClick} 
    className='w-max absolute top-5 right-5 h-14'
>
    <img src={closeIcon} />
</CloseButton>