پرتوپرتو

برچسب (Label)

برچسب برای فیلدهای فرم

معرفی

کامپوننت Label برای برچسب‌گذاری فیلدهای فرم استفاده می‌شود.

استفاده

import { Label } from '@parto/ui';

export default function MyComponent() {
  return (
    <div>
      <Label htmlFor="email">ایمیل</Label>
      <input id="email" type="email" />
    </div>
  );
}

با Input

import { Label, Input } from '@parto/ui';

export default function MyComponent() {
  return (
    <div className="grid gap-2">
      <Label htmlFor="username">نام کاربری</Label>
      <Input id="username" placeholder="نام کاربری خود را وارد کنید" />
    </div>
  );
}