Tag Input

design systemstypographymotionAdd a tag
About this piece

Tag Input

Free-form tagger that wraps committed tokens as removable chips and shows a placeholder slot at the end.

Usage

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

import { Form14 } from "@/components/beste/piece/form14";

<Form14
  label="Topics"
  tags={[
    "design systems",
    "typography",
    "motion"
  ]}
  placeholder="Add a tag"
  bordered={false}
/>

More Form pieces

View all Form
Mira & Co.
Shown on invoices and in the team directory.
Oud Beste
We use this for invoices and tax documents.
Mira
Beste

One email when we open the doors. Nothing else.

https://docs.beste.co
Mira & Co.