DialogContent
Overview
DialogContent is used to contain content in a dialog. Contents will be included such as buttons, images, text, etc. So, DialogContent will help you to set up content with your own needs.
Please refer to this for more information: https://mui.com/material-ui/api/dialog-content/.
Import
import { Dialog, DialogContent } 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. |
Size | Size Unit: Px | The component Size includes Width and Height 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. |
Text | Font-family: None Font-weight: None Text-align: Left Size Unit: Px | The component text includes Text, Font-family, Font-size, Font-weight, Font-color, Text-align. |
General | Visibility: None Opacity: 100% | The component General includes Visibility, Opacity, and Background. |
Advanced Style | The component Advanced Style includes Classname and Inline Style addition. |
<Dialog open={open}>
<DialogContent>
<TextField
autoFocus
margin="dense"
id="name"
label="Email Address"
type="email"
fullWidth
variant="standard"/>
</DialogContent>
<DialogAction>
</DialogAction>
</Dialog>
Related Component: