Tickbox

The iv-tickbox component in its ticked state.

The iv-tickbox component in its ticked state, but with the disable prop set to true.

The tickbox component is just a simple checkbox which is designed to fit with the ImpVis theme.

Technical information

The iv-tickbox is for use as a simple checkbox.

disabled

Type: Boolean

Required: false

Default: false

Description: When true the tickbox is greyed out and its state can not be changed.

initialState

Type: Boolean

Required: false

default: true

Description: Determines if the tickbox is ticked by default.

Events

checked

Trigger: iv-tickbox clicked into its checked state.

Description: Simple event carrying the status of the tickbox.

unchecked

Trigger: iv-tickbox clicked into its unchecked state.

Description: Simple event carrying the status of the tickbox.

Design Choices

The blue is designed to fit with the general ImpVis blue. The empty box is highlighted in grey on mouseover, to show that it is interactive.