Styles applied to the root element if variant='contained' and color='info'. Styles applied to the root element if variant='contained' and color='success'. Styles applied to the root element if variant='contained' and color='secondary'. Styles applied to the root element if variant='contained' and color='primary'. Styles applied to the root element if variant='contained' and color='inherit'. Styles applied to the root element if variant='contained'. Styles applied to the root element if variant='outlined' and color='warning'. Styles applied to the root element if variant='outlined' and color='info'. Styles applied to the root element if variant='outlined' and color='error'. Styles applied to the root element if variant='outlined' and color='success'. Styles applied to the root element if variant='outlined' and color='secondary'.

Styles applied to the root element if variant='outlined' and color='primary'. Styles applied to the root element if variant='outlined' and color='inherit'.

Styles applied to the root element if variant='outlined'. Styles applied to the root element if variant='text' and color='warning'. Styles applied to the root element if variant='text' and color='info'. Styles applied to the root element if variant='text' and color='error'.

Styles applied to the root element if variant='text' and color='success'. Styles applied to the root element if variant='text' and color='secondary'. Styles applied to the root element if variant='text' and color='primary'.

Styles applied to the root element if variant='text' and color='inherit'. Styles applied to the root element if variant='text'. You can take advantage of this to target nested components. Inheritance While not explicitly documented above, the props of the ButtonBase component are also available on Button. The ref is forwarded to the root element.

Red button