diff --git a/.changeset/cold-cycles-decide.md b/.changeset/cold-cycles-decide.md new file mode 100644 index 000000000000..49b501819a23 --- /dev/null +++ b/.changeset/cold-cycles-decide.md @@ -0,0 +1,9 @@ +--- +"@db-ux/core-components": minor +"@db-ux/ngx-core-components": minor +"@db-ux/react-core-components": minor +"@db-ux/wc-core-components": minor +"@db-ux/v-core-components": minor +--- + +feat(DBHeader): Passthrough property `closeButtonText` for the close button within the inner `DBDrawer`. diff --git a/packages/components/src/components/header/header.lite.tsx b/packages/components/src/components/header/header.lite.tsx index 8e3872c1abb2..6a5f713d9cfe 100644 --- a/packages/components/src/components/header/header.lite.tsx +++ b/packages/components/src/components/header/header.lite.tsx @@ -71,6 +71,8 @@ export default function DBHeader(props: DBHeaderProps) { class="db-header-drawer" rounded spacing="small" + closeButtonId={props.closeButtonId} + closeButtonText={props.closeButtonText} open={getBoolean(props.drawerOpen)} onClose={() => state.handleToggle()}>
diff --git a/packages/components/src/components/header/model.ts b/packages/components/src/components/header/model.ts index 68c00a9d4ee6..668de8316fad 100644 --- a/packages/components/src/components/header/model.ts +++ b/packages/components/src/components/header/model.ts @@ -3,6 +3,7 @@ import { GlobalProps, GlobalState, InitializedState, + InnerCloseButtonProps, NavigationBehaviorState, ToggleEventProps, ToggleEventState @@ -51,6 +52,7 @@ export type DBHeaderDefaultProps = { }; export type DBHeaderProps = DBHeaderDefaultProps & + InnerCloseButtonProps & GlobalProps & ToggleEventProps & ContainerWidthProps;