Installation

npx @colidy/ui i label

API Reference

PropTypeDefault
label*
string
null
description
string
null

Examples

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>
    );
}

ColidyUI © 2024