Difference between revisions of "Reset button"

From ImpVis Wiki
Jump to navigation Jump to search
m
m
Line 1: Line 1:
The reset button component is an extension of the ImpVis [[button component]], which resets any sliders and toggles components on the page to their initial values.  
The reset button component is an extension of the ImpVis [[button]] component, which resets any sliders and toggles components on the page to their initial values.  
[[File:Button.png|thumb|The iv-button component when active.]]
[[File:Button.png|thumb|The iv-button component when active.]]



Revision as of 14:05, 1 July 2021

The reset button component is an extension of the ImpVis button component, which resets any sliders and toggles components on the page to their initial values.

The iv-button component when active.

Technical information

The iv-button is for use as a simple button, e.g. "play/pause"/"reset" etc. To add text, simply write it in the iv-button slot (between the starting and closing HTML tags).

Props

disabled

Type: Boolean

Required: false

Default: false

Description: When true the button is greyed out.

The iv-button component when the disabled prop is set to true.

Events

mouseover

Trigger: mouseover

Description: Simple event carrying mouse event information, emitted when mouse cursor moves over button.

mouseleave

Trigger: mouseleave

Description: Simple event carrying mouse event information, emitted when mouse cursor leaves button.

click

Trigger: click

Description: Simple event carrying mouse event information, emitted when mouse button pressed over button.

Design Choices

The green button is chosen to stand out against the general ImpVis blue. The lighter green upon cursor hovering gives the impression of active to tell the user the cursor is hovering over this option.