- ###### Files

- Two new item submitted

  Marketing Manager
  '17kb

- 52 JPG file Generated

  FontEnd Developer
  '11kb

- 25 PDF File Uploaded

  Digital Marketing Manager
  '150kb

- Anna_Strong.doc

  Web Designer
  '256kb

- ###### Members

- John Doe

  UI designer

- Michal Clark

  FontEnd Developer

- Milena Gibson

  Digital Marketing Manager

- Anna Strong

  Web Designer

- No results found.

#### 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-floating` class & add attribute `disabled` for disabled Floating Label Input.

Label-placeholder
Disabled-placeholder

#### File input

Simple file input
Multiple files input

#### 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.

#### Input Validation States with Tooltips

`.{valid/invalid}-feedback` classes for `.{valid/invalid}-tooltip` classes to display validation feedback in a styled tooltip.

First name
Looks good!
Last name
Looks good!
City
Please provide a valid city.