Input Group

Extends form controls by adding text, actions, or icons before or after the input.

Installation

$npx maddex add InputGroup

Basic

Start with the uncontrolled baseline when an icon or short label gives the field more context.

Preview

        
            
        
    

Controlled

Bind the input value when the addon and a second surface need to stay in sync with typed input.

Preview

        
            
        
    

Validation With Action

Pair destructive semantic colors with an inline button when the next recovery action belongs in the same field.

Preview