Skip to main content

App

<sl-app> | SlApp
Since 2.0 hub24

App layout.

The rest of the app
<sl-app style="--app-height: 400px;">
  <sl-app-header slot="app-header" app-name="Engage">
  </sl-app-header>
  The rest of the app
</sl-app>

Examples

First Example

TODO

Second Example

TODO

[component-metadata:sl-app]

Slots

Name Description
app-header The header slot.
(default) the default (app body) slot.

Learn more about using slots.

Parts

Name Description
base The component’s base wrapper.
app-header The app’s header.
app-body The app’s body.

Learn more about customizing CSS parts.