HomeSetup

Components

AccordionAlertAlert DialogAspectRatioAutocompleteAvatarBadgeBreadcrumbButtonButton GroupCardCheckboxCheckboxGroupCollapsibleComboboxContext MenuDialogDrawerDropdown MenuFieldFieldsetFormHover CardInputInput GroupInputOTPItemKbdMenubarMeterNavigation MenuNumber FieldPaginationPopoverProgressRadio GroupScrollAreaSelectSeparatorSkeletonSliderSpinnerSwitchTableTabsText LinkTextareaToastToggleToggle GroupToolbarTooltip

V0.1.0

Input Group

Input Group is a Chord form component built from Base UI primitives and project tokens.

$
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>
dqnamo
dqnamo