Symbol Button

From ImpVis Wiki
Revision as of 12:50, 30 June 2021 by Admin (talk | contribs)
Jump to navigation Jump to search
The iv-symbol button with the "Pause" symbol.

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.