Aspyn

Input Group

Inputs with icons, text affixes, and buttons.

shadcn/ui · new-york-v4 · synced Aug 29, 2026shadcn/uinew-york-v4 · synced Aug 29, 2026
SourceMarkdown

Installation

import { InputGroup, InputGroupInput, InputGroupAddon, InputGroupText, InputGroupButton } from "@aspyn-io/kit";

Leading icon

Text affixes

Addons align inline-start or inline-end.

$
USD

Trailing button

Notes

  • The border and focus ring live on the group, so InputGroupInput/InputGroupTextarea are chrome-less. Clicking an addon focuses the control.
  • InputGroupButton defaults to a ghost, extra-small button; pass size (sm, icon-xs, icon-sm) and any Button variant.