Always Stretched

Simple Input

Simple Input + Simple Icon

Simple Input + Simple Label

Label Left

Label Right

Simple Input + Floating Label

Single Floating Label

Floating Label Left

Floating Label Right

Floating Label Icon Left

Floating Label Icon Right

Floating Label Icon Both

Input + Note

I am an info note.

I will be displayed until a text is entered!

Input + Note + Simple Icon

I will be displayed until a text is entered!

Input + Note + Simple Label

I will be displayed until a text is entered!

Label Right

Input + Note + Floating Label

Floating Label + Note I will be displayed until a text is entered!

Input + Select

Success message.

... with an info note ...

Simple Input + Buttons

Button

Button

Primary Button

Basic Button

Danger Button

Simple Inputs + Dropdowns

Wild Combination

Label for..

I do nothing.

Float Me...

...Okay!

Select a user!

User Name Enter a user name

Stretched Until LG

Stretch Us...

Stretched Until MD

Stretch Us...

...Until MD Screens

Stretched Until SM