🔥🔥🔥 Winter Sale 2024: Join Creative Tim Club Today & Get 45% OFF! ✨
View Offer×

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 Boxfor 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

NameTypeDefaultDescription
bgColorstringtransparentChange the MDBox background color.
colorstringdarkChange the MDBox text color.
variant'gradient''contained'containedChange the MDBox background type.
opacitynumber1Change the MDBox opacity.
borderRadiusstringnoneSet a border radius for the MDBox.
shadowstringnoneSet a box shadow for the MDBox.
coloredShadow'primary''secondary''info''success''warning''error''light''dark''none'noneSet a colorful box shadow for the MDBox.
MUI PropsYou can pass all of the MUI System Properties for the MDBox as well.
Contents