shadcn-ui/apps/v4/examples/base/input-with-select.tsx

import { Input } from "@/examples/base/ui/input"
import {
  Select,
  SelectContent,
  SelectItem,
  SelectTrigger,
  SelectValue,
} from "@/examples/base/ui/select"

export function InputWithSelect() {
  return (
    <div className="flex w-full gap-2">
      <Input type="text" placeholder="Enter amount" className="flex-1" />
      <Select defaultValue="usd">
        <SelectTrigger className="w-32">
          <SelectValue />
        </SelectTrigger>
        <SelectContent>
          <SelectItem value="usd">USD</SelectItem>
          <SelectItem value="eur">EUR</SelectItem>
          <SelectItem value="gbp">GBP</SelectItem>
        </SelectContent>
      </Select>
    </div>
  )
}