Input Groups

In Material Admin Pro, input groups are are an extension of Bootstrap's form controls which add text, buttons, or button groups on either side of form inputs.

Since Material has no specification for input groups, the Bootstrap defaults have been restyled to match the Material Design system as closely as possible.


By default, the Bootstrap input groups allow the addition of input group text addings before, after, or in-between inputs. Multiple addons and multiple inputs are supported. Input groups also support the text area element.

$ .00


Small, default, and large sizing options are supported as well. Sizing individual input group eleements is not supported however.


Button Addons

Input groups also support button addons in place of text. They can be used alongside input group text, or independently. Button dropdowns are also supported along with any button color or style referenced on the button component page.

For even more input group options, like custom selects and file uploads, visit Bootstrap's input group documentation page.

Related Links