Symbol Button

From ImpVis Wiki
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

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.