Input With Select

Docs

Input With Select

React input component — a modern input field with an integrated select dropdown for currency or unit selection.

Installation

Prop	Type	Default	Description
`label`	`string`	`"Amount"`	The label for the input field
`placeholder`	`string`	`"0.00"`	Placeholder text for the input
`options`	`{ value: string; label: string }[]`	`[{value: "usd", label: "USD"}, ...]`	Options for the select dropdown
`defaultValue`	`string`	`"usd"`	Default selected option
`step`	`number`	`1`	Step increment for numeric input

Contribute

Get 100+ premium components, elements, templates, and blocks with lifetime updates.