Skip to content
+

Dashboard Layout

The dashboard layout component provides a customizable out-of-the-box layout for a typical dashboard page.

Demo

A DashboardLayout has a configurable header and sidebar with navigation.

Press Enter to start editing

Some features of this layout depend on the AppProvider component that must be present at the base application level.

Branding

The branding prop in the AppProvider allows for setting a logo or title in the page header.

Press Enter to start editing

The navigation prop in the AppProvider allows for setting any type of navigation structure in the sidebar, such as links, headings, nested collapsible lists and dividers, in any order.

Press Enter to start editing

API

See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.