Skip to main content

lib-closeable-dialog-title

lib-closeable-dialog-title is the standard dialog header with a title, a close button, and an optional maximize toggle.

Use it when a dialog should feel like the rest of the app instead of each feature inventing its own header row.

Import

import { CloseableDialogTitleComponent } from '@shared-lib/components/closeable-dialog-title/closeable-dialog-title.component';

Inputs and output

NameKindTypeDefaultNotes
titleinputstringrequiredDialog title text
allowMaximizeinputbooleantrueShows or hides maximize button
maximizedChangedoutputbooleann/aEmits current maximize state

Default usage

<lib-closeable-dialog-title title="Edit connector"></lib-closeable-dialog-title>

With maximize handling

<lib-closeable-dialog-title
title="Workflow details"
[allowMaximize]="true"
(maximizedChanged)="setFullscreen($event)"
/>

The component manages the toggle state internally and emits the new state so the dialog wrapper can react.