build69
Sign inGet API key
build69  /  Components  /  Text Inputs  /  InputGroup

InputGroup

v1.0.8Updated 27 Aug 2026

Compose an Input with leading or trailing addons (icons, prefix text, suffix buttons).

View source← Back to catalog

Preview

Live · 13 stories
DefaultOpen ↗
▸Why this is recommendedformaddongroupprefix+2

The default, out-of-the-box InputGroup.

Recommended for+14
  • ✓Currency inputs
  • ✓Search with submit button
  • ✓URL-style fields with protocol prefix
Tags+6
formaddongroupprefixsuffixdefault
Features+4
  • Slot-based composition
  • Leading / trailing items
  • Works with any Input
Not recommended for−2
  • ✕Standalone input (use Input)

Install

Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.

get_registry_item({ name: "InputGroup" })

Usage

import { InputGroup, InputGroupAddon, InputGroupInput } from '@/components/inputs/input-group';

<InputGroup>
  <InputGroupAddon>฿</InputGroupAddon>
  <InputGroupInput placeholder="0.00" />
</InputGroup>

Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.

Props

No documented props — InputGroup is composed rather than configured. See the source for its full signature.

Related

Platform docsAll componentsSource files