Label

1import { Checkbox } from '@/components/ui/checkbox'
2import { Label } from '@/components/ui/label'
3
4export function LabelDemo() {
5    return (
6        <Label className="gap-1.5">
7            <Checkbox />
8            Remember me
9        </Label>
10    )
11}
12

1
2import { Input } from '@/components/ui/input'
3import { Label, LabelSub } from '@/components/ui/label'
4
5export function LabelRequiredSubtext() {
6    return (
7        <div className="flex w-80 flex-col gap-4">
8            <div className="w-full space-y-1.5">
9                <Label required>Email Address</Label>
10                <Input placeholder="Enter your email" />
11            </div>
12            <div className="w-full space-y-1.5">
13                <Label required>
14                    Phone Number
15                    <LabelSub>(+91)</LabelSub>
16                </Label>
17                <Input placeholder="Enter your email" />
18            </div>
19        </div>
20    )
21}
22