snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/examples/base/input-input-group.tsx

@@ -0,0 +1,26 @@
+import { InfoIcon } from "lucide-react"
+
+import { Field, FieldLabel } from "@/styles/base-nova/ui/field"
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupInput,
+  InputGroupText,
+} from "@/styles/base-nova/ui/input-group"
+
+export function InputInputGroup() {
+  return (
+    <Field>
+      <FieldLabel htmlFor="input-group-url">Website URL</FieldLabel>
+      <InputGroup>
+        <InputGroupInput id="input-group-url" placeholder="example.com" />
+        <InputGroupAddon>
+          <InputGroupText>https://</InputGroupText>
+        </InputGroupAddon>
+        <InputGroupAddon align="inline-end">
+          <InfoIcon />
+        </InputGroupAddon>
+      </InputGroup>
+    </Field>
+  )
+}