React Box - Argon

The ArgonBox 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 ArgonBox component.

Its one of the most powerful components that give you all of the possibilites for providing styles for an element directly in JSX.


The below codes are editable and you can modify them the way you want directly from your browser, please use the green button or the ctrl + s to save the changes.

Demo

// Argon Dashboard 2 MUI Components import ArgonBox from "components/ArgonBox";
Box

Props Information

NameTypeDefaultDescription
bgColorstringtransparentChange the ArgonBox background color.
colorstringdarkChange the ArgonBox text color.
variant'gradient''contained'containedChange the ArgonBox background type.
opacitynumber1Change the ArgonBox opacity.
borderRadiusstringnoneSet a border radius for the ArgonBox.
shadowstringnoneSet a box shadow for the ArgonBox.
MUI PropsYou can pass all of the MUI System Properties for the ArgonBox as well.
Contents