Readonly Input

Locked field with a muted fill, padlock icon, and a why-locked helper line underneath.

acct_7Z91X2Q
Provided by admin. Contact support to change.

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Input12 } from "@/components/beste/piece/input12";

<Input12
  label="Account ID"
  value="acct_7Z91X2Q"
  reason="Provided by admin. Contact support to change."
/>