# Drawer Container
<flow-drawer-container> The drawer container component provides a container for managing the main body of your UI.
To respond to drawer state and position UI elements, you may apply CSS style rules using the CSS classes below, which are placed on the drawer container component to reflect the state of the drawers.
When a Flo.w map component is placed within a drawer container, the map's control regions, header and footer will be repositioned automatically to accommodate the side drawers.
| CSS Class | Description |
|---|---|
| flow-drawer-start-open | Present when start drawer is open |
| flow-drawer-start-opening | Present when start drawer is opening |
| flow-drawer-start-closing | Present when start drawer is closing |
| flow-drawer-end-open | Present when end drawer is open |
| flow-drawer-end-opening | Present when end drawer is opening |
| flow-drawer-end-closing | Present when end drawer is closing |