1. Docs
  2. Checkbox

Checkbox

UI element that enables users to select multiple options from a list

Loading...

Installation

Examples

Disabled

If you pass disabled prop then it will disable the checkbox

Loading...

Icon

If you pass ReactNode to icon prop then it will render custom check icon

Loading...

With Helper

Loading...

Animation Duration

Use duration-300, duration-500, or duration-* class to adjust the animation duration for the checkbox

Loading...

Controlled

Loading...

Props

PropTypeDefault
variantsoft outlineoutline
sizesm md lg md
colordefault primary secondary success errordefault
iconReactNode<CheckIcon/>