Input Group Component

Use input groups to combine prefixes and suffixes, helping users understand the context and format of the input. This component wraps an input with optional prefix and/or suffix elements.

Currency Input (Dollar)

Currency Input (Euro)

Temperature Range

Discount Percentage

Website URL

Social Media Handle

Search with Context

With Error State

With Success State

Small Width Group