DialogAction

Overview

DialogAction is described as the following action that the robot should take in its interaction with the user. To change the interaction's status or to take it back to a prior state, use the DialogAction data type.

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

Import

CODE

import { Dialog, DialogAction } 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	Full-width: False Size Unit: Px	The component Size includes Width and Height with many selectable Size Units, and Full-width.
Text	Font-family: None Font-weight: Normal 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.

CODE

<DialogActions
                id="DialogAction"
                sx={{'margin': '10px 20px 30px 40px','padding': '10px 20px 30px 40px',
                'width': '150px','height': '100px',
                'fontFamily': 'Noto-Sans','fontSize': '15px','fontWeight': 'lighter',
                'color': '#ff0000ff','textAlign': 'center','visibility': 'visible',}}
                label="Text1">
</DialogActions>

Related Component:

Dialog