InputGroup

28 October 2026

Added

• First version: a group on Field that puts a control and its addons in one box.
• InputGroup.Input, InputGroup.Textarea, InputGroup.Text and InputGroup.Addon with align.
• A click on an addon moves focus to the control.
• size (md, lg); focus, error and disabled colours on the whole box.
• motion.field and motion.fieldMessage.
• The part prop types are exported: InputGroupAddonProps, InputGroupInputProps, InputGroupTextareaProps, InputGroupTextProps, InputGroupButtonProps.
• A story for align="block-start": a full-row addon above the control.

Changed

• New sm size (32 px); md is 36 px (40 px on a touch screen) and lg 40 px. Corner radius is 10 px.
• The box gets a hairline shadow; the focus outline is drawn 2 px outside the box; an invalid box gets a 2 px danger halo.
• Buttons inside the box are 24 px at the sm size.
• A button in an addon scales to 97 % when pressed (motion-press-scale) instead of a 1 px nudge.