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
- Anchor to headingheadingstring
The main page heading
- Anchor to subheadingsubheadingstring
The text to be used as subtitle.
Was this section helpful?
Anchor to slotsSlots
- Anchor to asideasideHTMLElement
- Anchor to secondary-actionssecondary-actionsHTMLElement
Was this section helpful?
Code
<s-page heading="Title">
<s-button slot="secondary-actions" onClick={onActionClick}>
Label
</s-button>
<s-heading>Title</s-heading>
</s-page>
Examples
Code
Default
<s-page heading="Title"> <s-button slot="secondary-actions" onClick={onActionClick}> Label </s-button> <s-heading>Title</s-heading> </s-page>
Preview
