DEVELOPER REFERENCE · v4.0.0

EditableDialogHeader API

Props, callbacks and methods. Select an underlined type to explore its fields, allowed values and callback arguments.

EditableDialogHeader12 props1 callbacks0 methods

EditableDialogHeader props
Name	Type	Description
`name`Optional	`string \| undefined`	Optional dialog name above the editable item title.
`title`Required	`string`	Heading or title text used by this component.
`titleId`Required	`string`	ID of the dialog heading used by aria-labelledby.
`description`Optional	`ComponentChildren`Inspect type	Supporting text shown with the label or heading.
`inputLabel`Required	`string`	Accessible label for the editable dialog title input.
`titleHidden`Optional	`boolean \| undefined`	Keeps the title available to screen readers while visually hiding it.
`headingClass`Optional	`string \| undefined`	Additional CSS classes for the heading part of the component.
`kickerClass`Optional	`string \| undefined`	Additional CSS classes for the kicker part of the component.
`titleClass`Optional	`string \| undefined`	Additional CSS classes for the title part of the component.
`inputProps`Optional	false \| (Omit<h.JSX.InputHTMLAttributes<HTMLInputElement>, "ref"> & { [attribute: `data-${string}`]: unknown; }) \| undefinedInspect type	false renders a static title while retaining the same header layout.
`closeLabel`Required	`string`	Accessible text for the close action.
`closeProps`Optional	`Omit<h.JSX.ButtonHTMLAttributes<HTMLButtonElement>, "ref"> \| undefined`Inspect type	Additional button attributes for the dialog close action.

EditableDialogHeader events and callbacks
Name	Type	Description
`onClose`Optional	`(() => void) \| undefined`Inspect type	Requests that the parent close the surface or picker.

No component-specific imperative methods. Use props and callbacks to control this component.

Inherited HTML props and events305