Drawer

[Amarendra2627]

How do i reduce the height of the Drawer component?

[ucg8j]

Warning, this is hacky! However, I couldn't find in the docs anyway to pass this in nicely. Blueprint would be much more usable if the docs contained a few more examples.

Add some css to specify how many px you want to reduce the height by:
./drawerCustom.css

.bp3-drawer-mycss {
  top: 50px !important
}

Then in your component use it
./yourDrawerComponent.tsx

import './drawerCustom.css'
  <Drawer
        className="bp3-drawer-athena"
        ...

Also, I'd suggest a slightly more expressive issue in future e.g. 'Drawer' -> 'How to adjust height on Drawer Component?'