CheckBox widget

Variables to customize CheckBox widget

$gbc-CheckBoxWidget-margin-ratio

Margin ratio for the CheckBox widget

Type: number

Default value: $theme-margin-ratio

Computed value: 0.6

$gbc-CheckBoxWidget-checkbox-size

Size of the check box in a CheckBox widget

Type: size

Default value: $theme-checkbox-size

Computed value: 14px

$gbc-CheckBoxWidget-unchecked-color

Color of an unchecked CheckBox widget

Type: color

Default value: $theme-secondary-color

Computed value: #212121

$gbc-CheckBoxWidget-checked-color

Color of an checked CheckBox widget

Type: color

Default value: $theme-primary-background-color

Computed value: #1976d2

$gbc-CheckBoxWidget-unchecked-icon

Icon used for the unchecked CheckBox widget

Type: string

Default value: $checkbox-blank-outline

Computed value: checkbox-blank-outline

$gbc-CheckBoxWidget-indeterminate-icon

Icon used for the undeterminate state of a CheckBox widget

Type: string

Default value: $minus-box

Computed value: minus-box

$gbc-CheckBoxWidget-checked-icon

Icon used for the checked CheckBox widget

Type: string

Default value: $checkbox-marked

Computed value: checkbox-marked

$gbc-CheckBoxWidget-disabled-color

Color of a disabled CheckBox widget

Type: color

Default value: $theme-disabled-color

Computed value: rgba(33, 33, 33, 0.54)

$gbc-CheckBoxWidget-focus-border-color

Color of the border of the CheckBox widget when focused

Type: color

Default value: $mt-field-focus-border-color

Computed value: #1976d2

$gbc-ToggleCheckBoxWidget-checked-color

Color of a checked ToggleCheckbox

Type: color

Default value: $theme-secondary-color

Computed value: #212121

$gbc-ToggleCheckBoxWidget-unchecked-color

Color of an unchecked ToggleCheckbox

Type: color

Default value: $rgba(0, 0, 0, 0.38)

Computed value: rgba(0, 0, 0, 0.38)

$gbc-ToggleCheckBoxWidget-disabled-color

Color of a disabled ToggleCheckbox

Type: color

Default value: $palette-disabled-400

Computed value: #bdbdbd