Tooltip
Overview
Tooltip displays text when the user points at the controls. An item's information can be displayed using a tooltip, a graphical user interface (GUI) element that works with the cursor or mouse pointer to display it without the need to click on it.
Please refer to this for more information: https://mui.com/material-ui/react-tooltip/.
Import
import { Tooltip } 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. |
Title | The component Title includes Text. | |
General | Placement: None | The component General includes Placement. |
Advanced Style | The component Advanced Style includes Classname and Inline Style addition. |
Code Sample:
<Tooltip id="Tooltip1" title="title1" placement="bottom"></Tooltip>