OrionToggle

<o-toggle> affiche un bouton switch qui peut être utilisé pour avec des valeurs booléennes.

Par exemple, d'un point de vue UX, son utilisation est recommandée pour l'activation ou la désactivation de paramètres ou de fonctionnalités.

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