SnackbarContent

Overview

SnackbarContent is used to contain content in a Snackbar. A SnackbarContent will be used to store images, text…Furthermore, you can set up several SnackbarContent properties through its properties panel.

Please refer to this for more information: https://mui.com/material-ui/api/snackbar-content/.

Import

CODE

import { Snackbar, SnackbarContent } from '@mui/material';

The above source will be imported automatically after dragging and dropping the Basic Component to the UI Preview Panel.

Property

Property:

Name	Default	Description
Id-name	Placeholder: <id-name>	The Id-name of the created component.
Margin and Padding	Size Unit: Px	The component Margin and Padding with many selectable Size Units.
Layout	Position: None Size Unit: Px	The component Layout includes Position and Top - Right - Bottom - Left with many selectable Size Units.
Advanced Style		The component Advanced Style includes Classname and Inline Style addition.

Code Sample:

CODE

 <SnackbarContent
              sx={{'position': 'absolute',
                'top': '15px','right': '20px','bottom': '15px','left': '30px',
                'margin': '15px 15px 15px 20px','padding': '15px 20px',}}/>

Related Component

Snackbar