OrionToggle
<o-toggle>
displays a toggle, which can be used to work with boolean values.
For example, on the UX side, its use is recommanded to activate or deactivate settings or features.
Usage
ToggleColor TogglePlayground
VModels
Name
vModel
boolean = undefined
Props
Name
autofocus
boolean = undefined
clearable
boolean = undefined
clearToNull
boolean = undefined
color
Orion.Color = 'default'
disabled
boolean = undefined
donetyping
number = undefined
forceLabelFloating
boolean = undefined
inheritValidationState
boolean = undefined
inline
boolean = undefined
label
string = undefined
placeholder
string = undefined
prefixFontIcon
string = undefined
prefixIcon
Orion.Icon = undefined
readonly
boolean = undefined
required
boolean = undefined
reverse
boolean = undefined
selectOnFocus
boolean = undefined
size
Orion.Size = 'md'
suffixFontIcon
string = undefined
suffixIcon
Orion.Icon = undefined
type
any = 'toggle'
validation
any = undefined
validationErrorMessage
string = undefined
value
boolean = undefined
Slots
Name
Bindings
default
No bindings
PublicInstance
Name
Type
hasBeenFocus
() => boolean
isFocus
() => boolean
focus
() => void
blur
Lodash.debounce
clear
() => void
setHasBeenFocus
(value: boolean) => void
isValid
() => boolean
_input
() => HTMLInputElement | undefined
sharedState
() => {
hasBeenFocus: boolean;
isFocus: boolean;
isAutoFilled: boolean;
}