InputGroup

Groups inputs with addons and buttons. Supports inline-start and inline-end addons with icons, text, or buttons. Used for search fields, password inputs with visibility toggle, and URL inputs with protocol prefix.

Import

Live Demo

Input groups with addons, buttons, and text prefixes.

With icon and text addon

12 results

With prefix text

https://

With search button

Props

NameTypeDefaultDescription
align"inline-start" | "inline-end"—Alignment of the addon within the input group

Examples

With Icon

With Text Prefix

Password with Visibility Toggle

Search with Button