Boolean$input-toggle-disable-everything: base.$form-disable-everything !default;Set to true to disable the Checkbox, Radio, and Switch styles.
Boolean$input-toggle-disable-checkbox: $disable-everything !default;Set to true to disable the Checkbox styles.
Boolean$input-toggle-disable-radio: $disable-everything !default;Set to true to disable the Radio styles.
Boolean$input-toggle-disable-uncontrolled: false !default;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.
Number$input-toggle-border-radius: border-radius.get-var(full) !default;The default border-radius for Checkbox and Radio components.
Number$input-toggle-padding: 0.5em !default;The amount of padding to apply around the Checkbox and Radio icons
Number$input-toggle-small-size: 1rem !default;The Checkbox and Radio size to use when size="small".
Number$input-toggle-dense-size: icon.$dense-size !default;The Checkbox and Radio size to use when size="dense".
Number$input-toggle-normal-size: icon.$size !default;The Checkbox and Radio size to use when size="normal".
Number$input-toggle-large-size: 2rem !default;The Checkbox and Radio size to use when size="large".
mixin@mixin hidden-input-styles($disable-layer: false) { … }Generates all the styles based on feature flags.
| Name | Description | Type | Default Value |
|---|---|---|---|
$disable-layer | Set this to | Boolean | false |
mixin@mixin styles($disable-layer: false) { … }Generates all the styles based on feature flags.
| Name | Description | Type | Default Value |
|---|---|---|---|
$disable-layer | Set this to | Boolean | false |