MumpUI / Component / Dashboard

light_mode

MumpUI / Component / Dashboard

copy

code Show code

Basic dashboard east

Data management examples

copy

code Show code

Data layout east

copy

code Show code

Form layout - Create east

copy

code Show code

Form layout - update/delete east

Customizations

copy

code Show code

Dashboard with user acceess east

copy

code Show code

No sidebar east

copy

code Show code

Full width east

MumpUI dashboard has default max-width of 1366px which can be customized.

Loader & placeholder

copy

code Show code

Data loading east

copy

code Show code

Sidebar component props

Name	Type	Usage
`sidebar`	`jsx`	Sidebar element

Header component props

Name	Type	Usage
`header`	`jsx`	Header element
`title`	`string`
`icon`	`jsx`
`info`	`string`	Extra info after title
`onAdd`	`function`	To show add button in header
`headerSuffix`	`jsx`
`headerClassName`	`string`
`headerStyle`	`object`

Body component props

Name	Type	Usage
`loading`	`boolean`
`empty`	`boolean`
`search`	`string`	Search field value
`onSearch`	`function`	To show search field
`filter`	`jsx`	Filter element
`bodyClassName`	`string`
`bodyStyle`	`object`

Footer component props

Name	Type	Usage
`footer`	`jsx`	Footer element
`onDelete`	`function`	To show delete button
`onCreate`	`function`	To show create button
`onUpdate`	`function`	To show update button
`onCancel`	`function`	To show cancel button
`footerClassName`	`string`
`footerStyle`	`object`

Dashboard component global configuration

copy

<MumpUI
  dashboard={{
    // Use a common sidebar on all dashboard pages
    sidebar: {<div> .. </div>}
  }}
/>

MumpUI Setup →

Report an issue east

Related content

Developed by NeilVeil