Live demo — this example is server-driven; run the showcase locally for the interactive version.

Input group

Joins inputs with text addons, buttons, and menus into one visual control. A template family: the root composes input-group-item includes.

Examples

Boxed text addons around a filling input.

.example.com

A textarea with an attached control button.

A menu-toggle unit picker attached to a number input.

A help button opening a popover, attached to the input.

Several groups stacked, including a disabled addon.

.00

.internal

* required
Name	Type	Description
`id`	String	DOM id on the group root.
`attrs`	String (raw)	Raw attribute passthrough (root and items).
`input-group-item`	Include	One segment; `fill` (stretch), `box` (bordered addon), `plain`, `disabled`; content is the main block.

Wrap each segment in an input-group-item; put fill=true on the input segment and box=true around __text addons.