MDBox
The MDBox
component is a wrapper component which provides different CSS utlities for styling the elements. It uses MUI Box
in base and you can use all of the props from MUI Box
for the MDBox
component.
Its one of the most powerful components that give you all of the possibilites for providing styles for an element directly in JSX.
Demo
Box
Props Information
Name | Type | Default | Description |
---|---|---|---|
bgColor | string | transparent | Change the MDBox background color. |
color | string | dark | Change the MDBox text color. |
variant | 'gradient''contained' | contained | Change the MDBox background type. |
opacity | number | 1 | Change the MDBox opacity. |
borderRadius | string | none | Set a border radius for the MDBox . |
shadow | string | none | Set a box shadow for the MDBox . |
coloredShadow | 'primary''secondary''info''success''warning''error''light''dark''none' | none | Set a colorful box shadow for the MDBox . |
MUI Props | You can pass all of the MUI System Properties for the MDBox as well. |