Miscellaneous Components

Form demonstrating usage of external components like ColorPicker & RichTextEditor with react-hook-form.

Miscellaneous Components

CK5 Rich Text Editor

Briefly describe yourself

Rich Text Editor

Color Picker

Favourite Color

HEX

RGB

HSV

Your favouriteColor is being applied on this text.

Color Picker return rgb value with defaultColor

Second Favourite Color

HEX

RGB

HSV

Your secondFavColor is being applied on this text.

Phone Input

Contact Number

Phone Input from a set of countries, with a few preferred countries at the top

Contact Number2

Form State - Values & Errors

formValues:{6 items
favouriteColor:string"hsl(201 100% 73% / 1)"
contactNumber:string"+1 (765) 232-3423"
countries:string"Angola"
bio:undefined
secondFavColor:undefined
contactNumber2:string"+91 "
}

errors:{}0 items

DOCUMENTATION 📖

RHFColorPicker RHFRichTextEditor RHFPhoneInput

SOURCE CODE </>

Miscellaneous Components CodeSandbox - Miscellaneous Components