IH logoHomeGalleriesTest Environment

MUI NAVIGATION

Bottom Navigation

Documentation

Breadcrumbs

Documentation

Drawer

Documentation

Link

Documentation
Linkcolor="inherit"variant="body2"

Menu

Documentation

Pagination

Documentation

Note: Pagination state is done via API, not via state variable. Add props page and onChange to make it controlled state.

Speed Dial

Documentation

Note: Can opt for a controlled component with open, onOpen, and onClose states. Can also format to oepn to bottom, left, or right in addition to top.

Stepper

Documentation

Note: Can controll steps using activeStep prop for stepper. This would be of good use for a multi-page form, using buttons to navigate between steps. Using the nonLinear prop allows the user to click on steps to navigate to them, even if the click order isn't the linear order.

Select master blaster campaign settings
Create an ad group
Create an ad

Tabs

Documentation

Note: style works best if you put it in a mui.Stack component. You have to make a custom component CustomTabPanel with value same as the mui.Tabs value. This CustomTabPanel component is listed in the documentation.

Item One