Difference between revisions of "Symbol Button"
(Initial Page) |
|||
| Line 34: | Line 34: | ||
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]] | ||
Revision as of 12:50, 30 June 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
This component has no inbuilt events.
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.