CheckboxCheckbox is a user interface control that enables users to toggle between a checked and unchecked state

Install the component from your command line.

npm install @raystack/apsara

Anatomy

Import all parts and piece them together.

import { Checkbox } from '@raystack/apsara'

<Checkbox />
<Checkbox size="medium" />

Scale

The Checkbox component offers different size options to suit various design needs. By selecting the "Medium" size, you can create a larger Checkbox that provides enhanced visibility and ease of interaction within the user interface. Additionally, the Checkbox component also supports the following size options:

Small
Medium

These different size options allow you to customize the appearance of the Checkbox to match your specific design preferences and ensure a seamless user experience.