OrionCheckbox
<o-checkbox> displays a checkbox which can be used to select different choices or it can be an alternative to the <o-toggle> component.
Usage
CheckboxStyle CheckboxValue CheckboxPlayground
Props
Name
autofocus
boolean = falseclearable
boolean = falseclearToNull
boolean = falsecolor
Orion.Color = 'default'disabled
boolean = falsedonetyping
number = 0forceLabelFloating
boolean = falseiconCheck
Orion.Icon = undefinedinheritValidationState
boolean = undefinedinline
boolean = falseinputValue
string | boolean | number | Object | any[] | Date | undefined = undefinedlabel
string = undefinedmodelValue
T = undefinedmultiple
boolean = falseprefixFontIcon
string = undefinedprefixIcon
Orion.Icon = undefinedreadonly
boolean = falserequired
boolean = falsereverse
boolean = falseselectOnFocus
boolean = falsesize
Orion.Size = 'md'suffixFontIcon
string = undefinedsuffixIcon
Orion.Icon = undefinedtype
string = 'checkbox'validation
string | ((val: any) => boolean) | Orion.Validator.Rule | Orion.Validation.Rule | boolean = undefinedvalidationErrorMessage
string = undefinedEvents
Name
Payload type
focus
FocusEventblur
FocusEventinput
VModelTypechange
VModelTypeupdate:modelValue
VModelTypeclear
No payloadSlots
Name
Bindings
default
No bindingsPublicInstance
Name
Type
hasBeenFocus
() => booleanisFocus
() => booleanfocus
() => voidblur
Lodash.debounceclear
() => voidsetHasBeenFocus
(value: boolean) => voidisValid
() => boolean_input
() => HTMLInputElement | undefined