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

Date Picker Input

mm/dd/yyyy
calendar
S M T W T F S

Label Default

Label Optional

Select/Drop Down Default

caret-down

Select/Drop Down Disabled Default

caret-down

Select/Drop Down On Light Background

caret-down

Select/Drop Down Disabled Default

caret-down

Select/Drop Down 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

Radio Group Stacked With Long Labels

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

Checkbox Group Stacked With Long Labels

Select all the days that apply

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

Input File Default

Use the "indi-form__input--file" class on file input elements to hide them. File inputs should then be triggered via Javascript by a Primary, Secondary, or Tertiary button component.

File Upload Default

file-pdf long-truncated-file-name-123456789 .pdf (123k)

File Upload Default Without Delete/Cancel Button

file-pdf long-truncated-file-name-123456789 .pdf (123k)

File Upload Default Without Percentage Indicator

file-doc short-name .doc (10k)

File Upload Striped (No Percentage Value)

file-pdf customersnapcard .pdf (123k)