Components

Input with Adornments

An input designed for adornments at the start and end.

Usage

example-usage.tsx

<InputWithAdornments  type="password"  startAdornment={<LockIcon className="h-4 w-4 shrink-0" />}  endAdornment={    <Button      type="button"      variant="ghost"      size="icon"      className="-mr-2.5 h-8 w-8"    >      <EyeIcon className="h-4 w-4 shrink-0" />    </Button>  }/>