diff --git a/src/dialogs/config-flow/show-dialog-options-flow.ts b/src/dialogs/config-flow/show-dialog-options-flow.ts index b1e22475e8..3e1b6d1742 100644 --- a/src/dialogs/config-flow/show-dialog-options-flow.ts +++ b/src/dialogs/config-flow/show-dialog-options-flow.ts @@ -44,12 +44,25 @@ export const showOptionsFlowDialog = ( : ""; }, - renderShowFormStepHeader(hass, _step) { - return hass.localize(`ui.dialogs.options_flow.form.header`); + renderShowFormStepHeader(hass, step) { + return ( + hass.localize( + `component.${step.handler}.options.step.${step.step_id}.title` + ) || hass.localize(`ui.dialogs.options_flow.form.header`) + ); }, - renderShowFormStepDescription(_hass, _step) { - return ""; + renderShowFormStepDescription(hass, step) { + const description = localizeKey( + hass.localize, + `component.${step.handler}.config.step.${step.step_id}.description`, + step.description_placeholders + ); + return description + ? html` + + ` + : ""; }, renderShowFormStepFieldLabel(hass, step, field) {