Input Group
Input Group is a Chord form component built from Base UI primitives and project tokens.
Input Group
$
import { MagnifyingGlassIcon } from "@phosphor-icons/react/dist/ssr";import { InputGroup } from "@/components/public/InputGroup";<InputGroup.Root> <InputGroup.Addon> <MagnifyingGlassIcon size={14} weight="bold" /> </InputGroup.Addon> <InputGroup.Field placeholder="Search…" /></InputGroup.Root><InputGroup.Root> <InputGroup.Addon>$</InputGroup.Addon> <InputGroup.Field placeholder="0.00" inputMode="decimal" /></InputGroup.Root>