Matcha UI
DocsInstallIcons

Start

  • Introduction
  • Installation
  • Phosphor icons

Components

  • Accordion
  • Alert
  • Alert Dialog
  • Avatar
  • Badge
  • Breadcrumb
  • Button
  • Card
  • Line Chart Card
  • Bar Chart Card
  • Donut Chart Card
  • Checkbox
  • Command
  • Dialog
  • Dropdown Menu
  • Input
  • Label
  • Navigation Menu
  • Pagination
  • Popover
  • Progress
  • Radio Group
  • Scroll Area
  • Select
  • Separator
  • Sheet
  • Skeleton
  • Slider
  • Sonner (Toast)
  • Switch
  • Table
  • Tabs
  • Textarea
  • Collapsible
  • Sidebar navigation
  • Page header
  • Empty state
  • KPI card
  • Data table toolbar
  • Tooltip
← All components

Checkbox

Multi-select controls for tables and forms.

Example

import { Checkbox } from "matcha-ui";
import { Label } from "matcha-ui";

<div className="flex items-center gap-2">
  <Checkbox id="terms" />
  <Label htmlFor="terms">Accept terms</Label>
</div>

Created by Jacob Olenick & DesignOps Studio