import { KbqToggleModule } from '@koobiq/components/toggle';

Selector: kbq-toggle

Exported as: kbqToggle
Properties
Name Description
@Input('aria-label')
ariaLabel: string
@Input('aria-labelledby')
ariaLabelledby: string
@Input()
big: boolean
@Input()
checked: boolean
@Input()
clickAction: KbqCheckboxClickAction
Defines the behavior when a user clicks on the toggle.
@Input()
disabled: any
@Input()
id: string
@Input()
indeterminate: boolean
Whether the toggle is indeterminate. This is also known as "mixed" mode and can be used to represent a checkbox with three states, e.g. a checkbox that represents a nested list of checkable items. Note that whenever checkbox is manually clicked, indeterminate is immediately set to false.
@Input()
labelPosition: ToggleLabelPositionType
@Input()
loading: boolean
Property for manually set loading state.
@Input()
name: string
@Input()
value: string
@Output('change')
change: EventEmitter
@Output('indeterminateChange')
indeterminateChange: EventEmitter
Event emitted when the toggle's `indeterminate` value changes.
color: string
colorClassName: string current class name of color
inputElement: ElementRef
inputId: string
Methods
focus
getAriaChecked
onChangeEvent
onInputClick
onLabelTextChange
setDefaultColor
this color will be used as a default value. For example [color]="'' | false | undefined | null".
Properties
Name Description
checked: boolean
source: KbqToggleComponent
Docs Feedback
If you have any questions or would like to contribute to writing the documentation, please create an issue in our GitHub repository.