PasswordField

import { PasswordField } from "@fanvue/ui";
import type { PasswordFieldProps, PasswordFieldSize } from "@fanvue/ui";

import { PasswordField } from "@fanvue/ui";

<PasswordField label="Label" placeholder="Password" />

import { PasswordField } from "@fanvue/ui";

<PasswordField
  label="Password"
  placeholder="Enter your password"
  error
  errorMessage="Password is required"
/>

import { PasswordField } from "@fanvue/ui";

<PasswordField
  label="Password"
  placeholder="Enter your password"
  helperText="Must be at least 8 characters"
/>

import { PasswordField } from "@fanvue/ui";

<div className="flex w-[375px] flex-col gap-4">
  <PasswordField size="48" label="Size 48" placeholder="Password" />
  <PasswordField size="40" label="Size 40" placeholder="Password" />
  <PasswordField size="32" label="Size 32" placeholder="Password" />
</div>

import { PasswordField } from "@fanvue/ui";

<PasswordField
  label="Password"
  placeholder="Enter your password"
  validated
  defaultValue="securepassword123"
/>