v1.11.0Latest

Heading levels for page headers and a main option for the app shell

Released October 19, 2026

Page-level headers can render their title as an h2, h3 or div, and the app shell's content column as a div, so a page that embeds them keeps one h1 and one main.

5 changed

Changed

page-header: headingAs picks the title's element (h1 by default, or h2, h3, div) for headers that sit inside a page that already has its h1.
entity-header: headingAs sets the record name's element the same way and passes it to the page header.
large-title-header: headingAs sets the element of the large title and, in compact mode, of the bar title.
settings-layout: headingAs sets the element of the page title and of the section title on phones.
app-shell: mainAs renders the content column as a div instead of main when the shell sits inside a page that has its own main. The skip link and mainId work the same.

Every default stays the same, so nothing changes until you set the new props. They also read UIProvider defaults, so one provider can set them for a whole embedded area.

5 items in this release

Changed5

App Shell1.0.1 → 1.1.0`mainAs` renders the content column as a `div` instead of `main` when the shell sits inside a page that has its own main. The skip link and `mainId` work the same.
Entity Header1.1.0 → 1.2.0`headingAs` sets the record name's element the same way and passes it to the page header.
Large Title Header1.0.0 → 1.1.0`headingAs` sets the element of the large title and, in compact mode, of the bar title.
Page Header1.1.0 → 1.2.0`headingAs` picks the title's element (`h1` by default, or `h2`, `h3`, `div`) for headers that sit inside a page that already has its h1.
Settings Layout1.0.0 → 1.1.0`headingAs` sets the element of the page title and of the section title on phones.

Changed

page-header: headingAs picks the title's element (h1 by default, or h2, h3, div) for headers that sit inside a page that already has its h1.

entity-header: headingAs sets the record name's element the same way and passes it to the page header.

large-title-header: headingAs sets the element of the large title and, in compact mode, of the bar title.

settings-layout: headingAs sets the element of the page title and of the section title on phones.

app-shell: mainAs renders the content column as a div instead of main when the shell sits inside a page that has its own main. The skip link and mainId work the same.

Every default stays the same, so nothing changes until you set the new props. They also read UIProvider defaults, so one provider can set them for a whole embedded area.

5 items in this release

Changed5

App Shell1.0.1 → 1.1.0`mainAs` renders the content column as a `div` instead of `main` when the shell sits inside a page that has its own main. The skip link and `mainId` work the same.
Entity Header1.1.0 → 1.2.0`headingAs` sets the record name's element the same way and passes it to the page header.
Large Title Header1.0.0 → 1.1.0`headingAs` sets the element of the large title and, in compact mode, of the bar title.
Page Header1.1.0 → 1.2.0`headingAs` picks the title's element (`h1` by default, or `h2`, `h3`, `div`) for headers that sit inside a page that already has its h1.
Settings Layout1.0.0 → 1.1.0`headingAs` sets the element of the page title and of the section title on phones.