Difference between revisions of "Symbol Button"
(Initial Page) |
(added new event) |
||
| (One intermediate revision by one other user not shown) | |||
| Line 29: | Line 29: | ||
===Events=== | ===Events=== | ||
======click====== | |||
Trigger: click | |||
Description: Simple event carrying mouse event information, emitted when mouse button pressed over button.<div class="res-img"> | |||
==Design Choices== | ==Design Choices== | ||
The red button is chosen to contrast with the general ImpVis blue. The lighter red upon cursor hovering gives the impression of active to tell the user the cursor is hovering over this option. | The red button is chosen to contrast with the general ImpVis blue. The lighter red upon cursor hovering gives the impression of active to tell the user the cursor is hovering over this option. | ||
[[Category: | [[Category:Buttons]] | ||
Latest revision as of 13:05, 16 July 2021
The symbol button component is designed to be used as an alternative button for common functions such as a "Play/Pause" button, as well as "Stop", "Reset" and "Help".
Technical information
The iv-symbol-button is for use as an alternative button for common functions.
Props
symbol
Type: String
Required: true
Default: N/A
Possible Values: "Play", "Pause", "Stop", "Reset", "Help"
Description: The symbol to be displayed on the button.
size
Type: String
Required: false
Default: N/A
Possible Values: "small", "large"
Description: Alters the size of the button component.
Events
click
Trigger: click
Description: Simple event carrying mouse event information, emitted when mouse button pressed over button.
Design Choices
The red button is chosen to contrast with the general ImpVis blue. The lighter red upon cursor hovering gives the impression of active to tell the user the cursor is hovering over this option.