Checkbox

Checkbox component.

When To Use

• Used for selecting multiple values from several options.
• If you use only one checkbox, it is the same as using Switch to toggle between two states. The difference is that Switch will trigger the state change directly, but Checkbox just marks the state as changed and this needs to be submitted.

Large

Medium

small

Basic

default props with differnt size and lableText

Large

Medium

small

Large

Medium

small

Large

Medium

small

With Color

default props with differnt size and lableText

AppleOrangeBananaPine Apple

Mini Project

Made with css :checked style. No using JS!

apple

plum

apelsin

cucumber

grapes

banana

pear

cherry

Mini Project

Made with css :checked style. No using JS!