#Page

The frame a microfrontend page renders into — a header carrying the title and its actions, then the content below. It tells the host shell how it wants to be laid out (fullSize, fixedHeight) through context and falls back to sensible behaviour when there is no host, so the same page works inside the console and on its own.

Source · Storybook

#Usage

import { Badge } from '@wallarm-org/design-system/Badge';
import { Button } from '@wallarm-org/design-system/Button';
import { Page, PageActions, PageContent, PageHeader, PageTitle } from '@wallarm-org/design-system/Page';

#Examples

#Sticky header

contained gives the page its own scroll container, which is what lets PageHeader sticky stick. Without it the shell does the scrolling and the header leaves with the content.

#With description and toolbar

PageHeaderGroup stacks the title over a PageDescription; PageToolbar adds a filter row between the header and the content.

#Props

#PageActions

#PageContent

#PageDescription

#PageHeader

#PageHeaderGroup

#PageTitle

#PageToolbar

#Explorer