dotUI

Input Group

An input group combines an input with addons like buttons or icons.

npm

pnpm

yarn

bun

npx shadcn@latest add @dotui/input

import { InputGroup, InputAddon } from "@/components/ui/input";

<InputGroup>
  <InputAddon>https://</InputAddon>
  <Input placeholder="example.com" />
</InputGroup>

An input allows a user to input text.

Bringing singularity to the web.

Built with passion by @mehdibha.