Status of component is Beta
If you want to contribute, please visit the issues on GitHub.
Component is standalone
This component does not require Bootstrap CSS to be used.
Colors of the component use the Bootstrap CSS vars (along with a default color) to ensure that if you do include bootstrap, the component will
take your color palette.
Basic drawer
Drawer size
You can customize the drawer's width or height by adjusting the following CSS variables:
--bs-drawer-size: sets the default size of the drawer
--bs-drawer-min-size: defines the minimum allowed size
--bs-drawer-max-size: defines the maximum allowed size
Drawer positions
Body scrolling
Accessibility
Drawer is essentially a modal dialog, so you need to specify aria-labelledby and role="dialog" is already added in the core
Drawer implementation.