chore: add docs for drawer header (#3398)

db-ui · Nov 6, 2024 · b1910a6 · b1910a6
1 parent dbed551
commit b1910a6
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 0 deletions.
diff --git a/__snapshots__/drawer/patternhub/drawer-docs-should-match-screenshot.png b/__snapshots__/drawer/patternhub/drawer-docs-should-match-screenshot.png
diff --git 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
@@ -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
@@ -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>