Components

Input

A styled text form field.

Project name

Usage

With @flagon-io/ui installed (see Installation), import it directly.

import { Input, Label } from "@flagon-io/ui";

<div className="flex flex-col gap-1.5">
  <Label htmlFor="name">Project name</Label>
  <Input id="name" placeholder="acme-web" />
</div>

Prefer to own the code?

You don’t have to install the package - you can copy this component into your project with the shadcn CLI and edit it freely.

npx shadcn@latest add https://ui.flagon.io/r/input.json