Affixed Input

Input that sandwiches a value between a muted prefix and suffix for URLs, currencies, or domains.

https://docs.beste.co

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

Import & use
import { Form5 } from "@/components/beste/piece/form5";

<Form5
  label="Custom domain"
  prefix="https://"
  suffix=".beste.co"
  value="docs"
  placeholder="your-subdomain"
/>