Components
Label
The Label component is used to display a label for a form field.
npx @colidy/ui i label
Prop | Type | Default |
---|---|---|
label* | string | null |
description | string | null |
Basic usage
Basic usage of the `Label` component.
example.tsx
import { Label } from "@/colidy-ui/Label";
export default function BasicUsage() {
return (
<div className="max-w-lg">
<Label label="Full Name" />
</div>
);
}
With description
Basic usage of the `Label` component with description.
example.tsx
import { Label } from "@/colidy-ui/Label";
export default function WithDescription() {
return (
<div className="max-w-lg">
<Label label="Full Name" description="Your full name." />
</div>
);
}