diff --git a/src/components/ha-service-control.ts b/src/components/ha-service-control.ts index 744549b254..9950c35347 100644 --- a/src/components/ha-service-control.ts +++ b/src/components/ha-service-control.ts @@ -497,6 +497,11 @@ export class HaServiceControl extends LitElement { dataField.name || dataField.key} > + ${this._renderSectionDescription( + dataField, + domain, + serviceName + )} ${Object.entries(dataField.fields).map(([key, field]) => this._renderField( { key, ...field }, @@ -517,6 +522,22 @@ export class HaServiceControl extends LitElement { )} `; } + private _renderSectionDescription( + dataField: ExtHassService["fields"][number], + domain: string | undefined, + serviceName: string | undefined + ) { + const description = this.hass!.localize( + `component.${domain}.services.${serviceName}.sections.${dataField.key}.description` + ); + + if (!description) { + return nothing; + } + + return html`
${description}
`; + } + private _renderField = ( dataField: ExtHassService["fields"][number], hasOptional: boolean,