Input Group

Prefix and suffix affixes around a single control using shared field border recipes.

Prefix only

Website(Optional)

https://

Suffix only

Amount(Optional)

USD

Prefix and suffix

.00

With FieldControl

Invoice #(Optional)

INV-

Prefix is decorative.

Error

Budget(Optional)

Enter a valid amount.

Disabled

API

Prop	Required	Type	Default	Description
prefix / suffix	Optional	ReactNode	—	Affix nodes inside the field border.
children	Optional	ReactNode	—	Input element (borderless inside the group).