Input group

Styled containers for inputs with optional addons, icons, and buttons.

Sizes

Small

Medium (default)

Large

Input groups come in three sizes to match different layouts and contexts.

With icon (start)

With icon (end)

Icons can be placed at the start or end of the input group.

With character count

0/60

Text addons display contextual information like currency symbols or character counts.

With button

With icon and button

Buttons can be embedded in the input group for inline actions.