Vertical Drawer with spacer

[afnan]

I am wondering how can we create drawer component that allows the vertical space and separate two icon sets? as ref in the pic

[dobbel]

This post is deleted!

[dobbel]

@afnan This almost works

https://codepen.io/ontwikkelfabriek/pen/JjGQGVz?editors=1000

with flexbox in column mode and justify-between.

I am not a css master so no idea how to fix the height to be dynamic.

@metalsadman help!

[metalsadman]

@dobbel looks fine, just give the bottom container a column justify-end class. Would’ve been simpler if the qspace component has vertical props tho.

[afnan]

@metalsadman said in Vertical Drawer with spacer:

@dobbel looks fine, just give the bottom container a column justify-end class. Would’ve been simpler if the qspace component has vertical props tho.

Thanks for the reply. I trie the code given by @dobbel however, I was not able to make their height dynamic. If I specify height it works but not sure how to make the height dynamic. I did try giving column justify-end to the bottom container

[afnan]

I was able to use the window-height helper class to extend the div to the full height. Now it works