Page
Use s-page as the main container for placing content in your app. Page comes with preset layouts and automatically adds spacing between elements.
Anchor to propertiesProperties
Use as the outer wrapper of a page
Anchor to connectedCallback
connectedCallback
() => void
Anchor to disconnectedCallback
disconnectedCallback
() => void
Anchor to inlineSize
inlineSize
"small" | "base" | "large"
The inline size of the page
basecorresponds to a set default inline sizelargefull width with whitespace
Was this section helpful?
Anchor to slotsSlots
Anchor to aside
aside
HTMLElement
The content to display in the aside section of the page.
This slot is only rendered when is "base".
Was this section helpful?
<s-page>
<s-section>
<s-text>Hello World</s-text>
</s-section>
</s-page>