Class: module:react-aiot/components/ToolbarButton

module:react-aiot/components/ToolbarButton

Toolbar button for the Toolbar component.

Constructor

new module:react-aiot/components/ToolbarButton(props, toolTipPlacementopt, dropdownPlacementopt)

Parameters:
Name Type Attributes Description
props object Properties
Properties
Name Type Attributes Default Description
visible boolean <optional>
true Is the element visible?
content React.Element | string <optional>
The button content
cssClasses string <optional>
The cssClasses for the link (a) DOMElement
toolTipTitle React.Element | string <optional>
The tooltip title
tooltipText React.Element | string <optional>
The tooltip text. If you want to show a tooltip you need to set a toolTipTitle, too.
disabled boolean <optional>
If true the button can not be clicked
menu React.Element <optional>
A menu implementation (see https://ant.design/components/menu/). You can wrap an menu item with Tooltip (do not forget css class overlayClassName="aiot-toolbar-menu")
toolTipPlacement string <optional>
Placement for the tooltip
dropdownPlacement string <optional>
Placement for overlay of the dropdown (menu)
Source:

Extends

  • React.Component