Skip to main content

Choose a version:

Page

Serves as the main container for app content with preset layouts and heading controls. Use to structure full-screen views with consistent navigation and content organization.

Anchor to propertiesProperties

Anchor to heading heading string Default: : '': The main page heading, displayed in the action bar at the top of the page.
Anchor to id id string: A unique identifier for the element.
Anchor to subheading subheading string: A secondary page heading, displayed under the main heading in the action bar.

Was this section helpful?

Anchor to slotsSlots

Anchor to aside aside HTMLElement: Content to display in the page's sidebar.
Anchor to secondary-actions secondary-actions HTMLElement: Button element to display in the action bar. Only a single button is supported.

Was this section helpful?

Code

<s-page heading="Title">

<s-button slot="secondary-actions">

Action

</s-button>

</s-page>

Preview