#### Basic Inputs

Basic Input
Input text with help eg.someone@example.com
Disabled Input
With Helper Text

Find helper text here for given textbox.

Readonly Input
Readonly Static Text

email@pixinvent.com

#### Sizing Options

For different sizes of Input, Use classes like `.form-control-lg` & `.form-control-sm` for Large, Small input box.

Large
Default
Small

#### Horizontal form label sizing

Be sure to use `.col-form-label-sm` or `.col-form-label-lg` to your `<label>`s or `<legend>`s to correctly follow the size of `.form-control-lg` and `.form-control-sm`.

Large
Default
Small

#### Floating Label Inputs

For Floating Label Inputs, need to use `.form-label-group` class & add attribute `disabled` for disabled Floating Label Input.

Label-placeholder
Disabled-placeholder

#### File input

Simple File Input
With Browse button
Choose file

#### Input Validation States

You can indicate invalid and valid form fields with `.is-invalid` and `.is-valid`. Note that `.invalid-feedback` is also supported with these classes.

Valid State
This is valid state.
Invalid State
This is invalid state.