OrionColorPicker

Usage

<o-color-picker> affiche un sélecteur de couleur avec plusieurs formats disponibles.

ColorPickerFormat ColorPickerPlayground

VModels

vModelNil<string> = undefined

Props

autofocusboolean = undefined

clearableboolean = undefined

clearToNullboolean = undefined

debouncenumber = 300

disabledboolean = undefined

donetypingnumber = undefined

forceLabelFloatingboolean = undefined

formatColorFormat = 'hex' as ColorFormat

hideHexboolean = undefined

hideRgbaboolean = undefined

inheritValidationStateboolean = undefined

labelstring = undefined

placeholderstring = undefined

prefixFontIconstring = undefined

prefixIconOrion.Icon = undefined

readonlyboolean = undefined

requiredboolean = undefined

selectOnFocusboolean = undefined

sizeOrion.Size = 'md'

startValuestring = undefined

suffixFontIconstring = undefined

suffixIconOrion.Icon = undefined

typestring | Orion.DatepickerType = undefined

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

validationErrorMessagestring = undefined

Events

focus

FocusEvent

blur

FocusEvent

input

T

change

T

clear

picked

ColorValue

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;
}