Indigo Design System

information These Kitchen Sink pages are test pages created in order to preview components without any possible documentation site style collisions.

Forms Sink

Fieldset & Legend Default

Form Section Title

Input Default

Input Disabled Default

Input On Light Background

Input Disabled On Light Background

Input Default With Error

Input Notification With Error

Subscriber Address is required.

Input Textarea Default

Input Textarea Disabled Default

Input Textarea On Light Background

Input Textarea Disabled On Light Background

Input Textarea Default With Error

Input Notification With Error

Subscriber Address is required.

Textarea Input

Textarea Input On Light Background

Label Default

Label Optional

Select Default

caret-down

Select Disabled Default

caret-down

Select On Light Background

caret-down

Select Disabled Default

caret-down

Select Default With Error

caret-down

Help Text Default

Sample of help text goes here

Radio Button Default

Radio Button Disabled Default

Radio Button Disabled Default (On #F7F7F7)

Radio Group Default

Select a day that works best for you

Radio Group Stacked

Select a day that works best for you

Checkbox

Checkbox Disabled Default

Checkbox Disabled Default (On #F7F7F7)

Checkbox Group

Select all the days that apply

Checkbox Group Stacked

Select all the days that apply

File Upload Default

Use an indi-form__input--file class on file upload inputs to hide them. File upload inputs should be triggered via Javascript by a button component.

Form Group Horizontal Line


Form Input Group Grid (3rds)

Form Input Group Grid (4ths)

Form Input Group Grid (4ths) - Action Row Example

Form Input Next to Button

Form Input and Select Next to Button

caret-down