Glasswave UI

Input Group

Text input with start/end addons (URL prefix, currency, etc.).

Input Group
https://
USD

Installation

1pnpm dlx shadcn@latest add @glasswave/input-group

Usage

1import {2  InputGroup,3  InputGroupAddon,4  InputGroupInput,5  InputGroupText,6} from "glasswave";7 8<InputGroup>9  <InputGroupAddon align="inline-start">10    <InputGroupText>https://</InputGroupText>11  </InputGroupAddon>12  <InputGroupInput placeholder="example.com" />13</InputGroup>

API Reference

InputGroupAddon

PropTypeDefault
align"inline-start" | "inline-end""inline-start"

The other parts render their native element and accept its attributes plus className.