Label

A form label with required and disabled states.

Import

import { Label } from "@tarve/core";

Usage

Label.tsx
import { Column, Input, Label } from "@tarve/core";

<Column gap={6}>
  <Label required>Email</Label>
  <Input type="email" placeholder="you@example.com" />
</Column>

Props

PropTypeDefault
disabled boolean—
onClick () => void—
required boolean—

Common props

Shared by every component. See descriptions →

childrenhighlightidkeymotionFromonHighlightonPasteonTransitionEndrovingGroupstyle