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

VModels

vModelany[] | boolean | null | undefined = undefined

Props

autofocusboolean = undefined

clearableboolean = undefined

clearToNullboolean = undefined

colorOrion.Color = 'default'

disabledboolean = undefined

donetypingnumber = undefined

forceLabelFloatingboolean = undefined

iconCheckOrion.Icon = undefined

inheritValidationStateboolean = undefined

inlineboolean = undefined

labelstring = undefined

multipleboolean = undefined

placeholderstring = undefined

prefixFontIconstring = undefined

prefixIconOrion.Icon = undefined

readonlyboolean = undefined

requiredboolean = undefined

reverseboolean = undefined

selectOnFocusboolean = undefined

sizeOrion.Size = 'md'

suffixFontIconstring = undefined

suffixIconOrion.Icon = undefined

typeany = 'checkbox'

validationany = undefined

validationErrorMessagestring = undefined

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

sharedState

() => {
	hasBeenFocus: boolean;
	isFocus: boolean;
	isAutoFilled: boolean;
}