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

Props

autofocusboolean = false

clearableboolean = false

clearToNullboolean = false

colorOrion.Color = 'default'

disabledboolean = false

donetypingnumber = 0

forceLabelFloatingboolean = false

inheritValidationStateboolean = undefined

inlineboolean = false

labelstring = undefined

modelValueT = undefined

prefixFontIconstring = undefined

prefixIconOrion.Icon = undefined

readonlyboolean = false

requiredboolean = false

reverseboolean = false

selectOnFocusboolean = false

sizeOrion.Size = 'md'

suffixFontIconstring = undefined

suffixIconOrion.Icon = undefined

typestring = 'toggle'

validationstring | ((val: any) => boolean) | Orion.Validator.Rule | Orion.Validation.Rule | boolean = undefined

validationErrorMessagestring = undefined

valueboolean = false

Events

focus

FocusEvent

blur

FocusEvent

input

boolean

change

boolean

update:modelValue

boolean

clear

No payload

Slots

default

No bindings

PublicInstance

hasBeenFocus

() => boolean

isFocus

() => boolean

focus

() => void

blur

Lodash.debounce

clear

() => void

setHasBeenFocus

(value: boolean) => void

isValid

() => boolean

_input

() => HTMLInputElement | undefined