Themes

Layout/Types/PageProps
PageProps
Name
Description
Type
crumbs

Displays breadcrumbs via <es-breadcrumb />

Crumb[]
empty

Enables you to display a splash screen if the page has no content to display.

boolean
headerRight

Render to the right of the page header.

FunctionalComponent<unknown>
headerTitle

Title for the header. Defaults to the passed pageTitle. Can be set to false to disable.

string | false
pageTitle

Sets the title of the document.

string
progressBarId

Which progress bar to control via the page state. Defaults to "page".

string
renderEmptyState

Empty state renderer. Used if empty is true, and state is "ready".

FunctionalComponent<unknown>
renderErrorState

Error state renderer. Used if state is an Error.

FunctionalComponent<ErrorStateProps>
renderLoadingState

Loading state renderer. Used if state is an "loading". If set to false, the component renders normally without a loading state.

false | FunctionalComponent<unknown>
state

The current state of the page, used to decide what to render. When the state of a page changes, a pageStateChange event is fired.

PageState

Crumb

Name
Description
Type
name

The name to display as the crumb

string
path

The path to the secton (relative to the previous crumb).

string

ErrorStateProps

Name
Description
Type
error
unknown

PageState

PageState = "loading" | "ready" | ["error", unknown]