Skip to main content

Layout

Box

The Box component is a container that can be used to wrap other components.

<Box />

Props

PropDescription

heading

undefined | string

Heading of the component.

Layout

The Layout component is a container that can be used to wrap other components.

<Layout />

Props

PropDescription

topStart

ReactNode

The top start part of the layout.

topEnd

ReactNode

The top end part of the layout.

sideBar

ReactNode

The side bar part of the layout.

mainStart

ReactNode

The main start part of the layout.

actions

ReactNode

Actions

actionsCenter

ReactNode

The actions center part of the layout.

actionsEnd

ReactNode

The actions end part of the layout.

actionsStart

ReactNode

The actions start part of the layout.

children

Renders content of the component.

key

undefined | Key | null

The key of the field. If the key is not specified, the key is generated from the field name.

main

ReactNode

The main part of the layout.

mainCenter

ReactNode

The main center part of the layout.

mainEnd

ReactNode

The main end part of the layout.

sideBarCenter

ReactNode

The side bar center part of the layout.

sideBarEnd

ReactNode

The side bar end part of the layout.

sideBarStart

ReactNode

The side bar start part of the layout.

top

ReactNode

The top part of the layout.

topCenter

ReactNode

The top center part of the layout.

Layout content

Layout inner

Title bar