Component

Input Group

SCSS Location: /styles/scss/partial/_input-group.scss
  • Status: Design
  • Status: Development
  • Status: Documentation

Description

Basic Input Group with text input and submit button.

Guidelines

Item Design Guidelines Not Provided

Usage

Modifier classes can change the height and color of the input group.

Use the input-group class in tandem with the input-group--tall class to render a tall group.

Use the input-group class in tandem with the input-group--dark class to render a dark group.

Default size & color

Default size, dark color

Tall, default color

Tall & dark

Tall, stacked on small screens

Sample mobile search form.

Partner Search Bar