Input Group

Composite input fields with sculpted containers combining inputs with icons, buttons, and text addons.

Variants

Default

Sculpt

Raised

Outline

Flat (for use inside sculpt containers)

Small

Default

Large

Leading Icon

Trailing Icon

Both Icons

URL Input

https://

Email Domain

@company.com

Currency

USD

Percentage

Copy Button

Password Toggle

Search with Button

Clear Button

Date and Time

Credit Card

Phone Number

Message Input

When inside a sculpt-inset container, use flat variant to avoid nested shadows.

Username

Profile URL

mysite.com/

Referral Code

Qty