Skip to main content

SimpleLayout

A centred page with a logo and nothing else — no menu, no header actions.

Use it for a standalone screen that is not part of the admin shell: an error page, a public confirmation, a maintenance notice.

Example​

import {SimpleLayout} from 'habarico';

<SimpleLayout logo={{Component: Logo}} compact>
<NotFoundMessage />
</SimpleLayout>

Props​

NameTypeDefaultDescription
children (required)ReactNode—Page content
compactbooleanfalseNarrows the content column
logoLogoSlot—{Component} — logo in the header
languageLanguageSlot—{availableLanguages} — the language popover
appearanceAppearanceSlot—true or {labels?, tooltip?, header?} — the light/dark toggle
helpHelpSlot—true or {label?, Component?} — the button and dialog offering help
sxSxProps<Theme>—MUI style override

See also​