diff --git a/__snapshots__/drawer/patternhub/drawer-docs-should-match-screenshot.png b/__snapshots__/drawer/patternhub/drawer-docs-should-match-screenshot.png
index 8db8ee05aec..149af376405 100644
Binary files a/__snapshots__/drawer/patternhub/drawer-docs-should-match-screenshot.png and b/__snapshots__/drawer/patternhub/drawer-docs-should-match-screenshot.png differ
diff --git a/packages/components/src/components/drawer/docs/Angular.md b/packages/components/src/components/drawer/docs/Angular.md
index c7c5b473f4c..069ffcb3649 100644
--- a/packages/components/src/components/drawer/docs/Angular.md
+++ b/packages/components/src/components/drawer/docs/Angular.md
@@ -27,6 +27,7 @@ import { DBDrawer } from '@db-ui/ngx-components';
 
 <db-button (click)="toggleDrawer(true)"> Open me </db-button>
 <db-drawer [open]="openDrawer" (onClose)="toggleDrawer(false)">
+	<header drawer-header>Optional drawer header</header>
 	My Drawer content
 </db-drawer>
 ```
diff --git a/packages/components/src/components/drawer/docs/React.md b/packages/components/src/components/drawer/docs/React.md
index 79dcd545d3c..6861bb14240 100644
--- a/packages/components/src/components/drawer/docs/React.md
+++ b/packages/components/src/components/drawer/docs/React.md
@@ -29,6 +29,7 @@ const App = () => {
 				onClose={() => {
 					setOpen(false);
 				}}
+				drawerHeader={<header>Optional drawer header</header>}
 			>
 				My Drawer content
 			</DBDrawer>
diff --git a/packages/components/src/components/drawer/docs/Vue.md b/packages/components/src/components/drawer/docs/Vue.md
index 44b0d95fbf2..31c2b265cd5 100644
--- a/packages/components/src/components/drawer/docs/Vue.md
+++ b/packages/components/src/components/drawer/docs/Vue.md
@@ -24,6 +24,7 @@ const toggleDrawer = (open: boolean) => {
 <template>
 	<DBButton @click="toggleDrawer(true)">Open me</DBButton>
 	<DBDrawer :open="openDrawer" @close="toggleDrawer(false)">
+		<header v-slot:drawer-header>Optional drawer header</header>
 		My Drawer content
 	</DBDrawer>
 </template>