OOratiq

Input Group

Ready

Input with addons, prefixes, and suffixes.

Installation

$ npx @oratiq-js/ui add input-group

Copies the component and everything it depends on into your project, then lists the npm packages to install. The code is yours after this.

Usage

import
import { InputGroup, InputGroupAddon, InputGroupButton } from "@/components/ui/input-group";

Inline addons

The group owns the border and focus ring, so the ring wraps the whole control rather than one segment.

@oratiq.com

Attached addons

https://
USD

With a button

View source on GitHub → components/ui/input-group.tsx