IFFDAYIFFDAYDesign
Controls

CheckLabel

A checkbox with its label, clickable across the whole row.

import { CheckLabel } from '@iffday/ui';

Example

CheckLabel is an 18px checkbox with its text inside a <label>, so clicking the text toggles it. Checked, the box fills with the primary button color.

Usage

It is controlled: pass both checked and onChange. Use it for settings that apply as soon as they are ticked. When each state has its own name (Watchlist, On watchlist), use ToggleButton.

Props