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

Label

Accessible labels paired with form controls.

Example

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

<div className="grid gap-2 max-w-sm">
  <Label htmlFor="name">Display name</Label>
  <Input id="name" />
</div>

Created by Jacob Olenick & DesignOps Studio