Affixed Input

https://docs.beste.co
About this piece

Affixed Input

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

Usage

The import and the props worth knowing about, in one place.

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

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

More Form pieces

View all Form
Mira & Co.
Shown on invoices and in the team directory.
design systemstypographymotionAdd a tag
Oud Beste
We use this for invoices and tax documents.
Mira
Beste
4
7
1
9
532 000 12 34