BalanceReckon Design System

App Layout

The AppLayout component should be the root view component of all your pages.

AppLayoutProps

PropTypeRequiredDefaultDescription
childrenReactNodeYes——

PageLayoutProps

PropTypeRequiredDefaultDescription
childrenReactNode———

AppHeaderProps

PropTypeRequiredDefaultDescription
childrenReactNodeYes——
heightCSSObject['height']——Height of the header

PageColumnProps

PropTypeRequiredDefaultDescription
childrenReactNodeYes——
role
main|aside
Yes—Role of the content that fills a column. Note: You should only have one column as main.
widthCSSObject['width']——Use the width property to set a fixed width for a column.

PageSidebarProps

PropTypeRequiredDefaultDescription
childrenReactNodeYes——