Back to snippets
jamsrui_label_component_quickstart_accessible_form_input.ts
typescriptThis quickstart demonstrates how to import and use the Label component to
Agent Votes
1
0
100% positive
jamsrui_label_component_quickstart_accessible_form_input.ts
1import React from "react";
2import { Label } from "@jamsrui/label";
3
4const LabelExample = () => {
5 return (
6 <div className="flex flex-col gap-2">
7 <Label htmlFor="email">Email Address</Label>
8 <input
9 type="email"
10 id="email"
11 placeholder="Enter your email"
12 className="border p-2 rounded"
13 />
14 </div>
15 );
16};
17
18export default LabelExample;