Formssrc/components/ui/input-group.tsx

Input Group

Wraps inputs with addons, buttons, and inline controls.

Preview

12 results
52% used

Installation

Copy the component source into your project with `degit`. This port is intentionally not distributed as an npm package.

bunx degit https://github.com/LiasCode/shadcn-preact/src/components/ui#main ./src/components/ui

Usage

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

export function Example() {
  return (
    <InputGroup>
      {/* compose the parts you need */}
    </InputGroup>
  )
}

API Reference

ExportPurpose
InputGroupComposable part exported by `@/components/ui/input-group`.
InputGroupInputComposable part exported by `@/components/ui/input-group`.
InputGroupAddonComposable part exported by `@/components/ui/input-group`.
InputGroupButtonComposable part exported by `@/components/ui/input-group`.