Boolean
$input-toggle-disable-everything: base.$form-disable-everything !default;
Boolean
$input-toggle-disable-checkbox: $disable-everything !default;
Boolean
$input-toggle-disable-radio: $disable-everything !default;
Boolean
$input-toggle-disable-uncontrolled: false !default;
Number
$input-toggle-border-radius: border-radius.get-var(full) !default;
Number
$input-toggle-padding: 0.5em !default;
Number
$input-toggle-small-size: 1rem !default;
Number
$input-toggle-dense-size: icon.$dense-size !default;
Number
$input-toggle-normal-size: icon.$size !default;
Number
$input-toggle-large-size: 2rem !default;
mixin
@mixin hidden-input-styles($disable-layer: false) { … }
Name | Description | Type | Default Value |
---|---|---|---|
$disable-layer | Boolean | false |
mixin
@mixin styles($disable-layer: false) { … }
Set to true
to disable the Checkbox
, Radio
, and Switch
styles.
Set to true
to disable the Checkbox
styles.
Set to true
to disable the Radio
styles.
Set to true
to if the Checkbox
and Radio
components will always be controlled providing a checked
prop. This feature flag adds a few more styles to support switching between the icons based on the input
checked state without JS.
The default border-radius for Checkbox
and Radio
components.
The amount of padding to apply around the Checkbox
and Radio
icons
The Checkbox
and Radio
size to use when size="small"
.
The Checkbox
and Radio
size to use when size="dense"
.
The Checkbox
and Radio
size to use when size="normal"
.
The Checkbox
and Radio
size to use when size="large"
.
Generates all the styles based on feature flags.
Set this to true
to disable the layer behavior
Generates all the styles based on feature flags.
Set this to true
to disable the layer behavior