The Label component is a semantic and accessible label element designed to pair with form inputs. It includes built-in styling using class-variance-authority (cva) and supports customization via additional class names.
import { Label } from "mogora-ui";
export default function LabelDemo() {
return (
<Label>Label</Label>
)
}
import { Label, Input } from "mogora-ui";
export default function LabelDemo() {
return (
<div className="flex flex-col gap-2 w-sm">
<Label htmlFor="username">Username</Label>
<Input theme={"primary"} id="username" name="username" placeholder="Jhon Doe"/>
</div>
)
}