## Form Basic

##### Form controls

Email address We'll never share your email with anyone else.
Password
Check me out
Text
Example select
Example textarea

##### Sizing

##### Picker

Color picker

##### DataList

Datalist example

##### Form Control State

##### Readonly

Email

##### Readonly plain Text

Email

##### Inline Form

Name
Username
@
Preference
Remember me

##### Form Grid

When working with the Bootstrap grid system, be sure to place form elements within column classes.
Email
Password
Address
Address 2
City
State
Zip
Check me out

##### Horizontal Form

###### Horizontal Form Example

Email
Password
Radios
First radio
Second radio
Third disabled radio
Checkbox
Example checkbox

###### Horizontal Form Label Sizing

Email
Email
Email

##### Validation Form

First name
Looks good!
Last name
Looks good!
Username
@
Please choose a username.
City
Please provide a valid city.
State
Please provide a valid state.
Zip
Please provide a valid zip.
Agree to terms and conditions
You must agree before submitting.

##### Supported Elements

Textarea
Please enter a message in the textarea.
Check this checkbox
Example invalid feedback text
Toggle this radio
Or toggle this other radio
More example invalid feedback text
Example invalid select feedback
Example invalid form file feedback

##### Tooltips

First name
Looks good!
Last name
Looks good!
Username
@
Please choose a unique and valid username.
City
Please provide a valid city.
State
Please select a valid state.
Zip
Please provide a valid zip.

##### Checks and Radios

##### Checkboxes

Check this custom checkbox

##### Switches

Check this custom Switches

##### Radios

Default radio
Default checked radio

##### Inline

Default radio
Default checked radio

##### Range

Example range Min and max Steps

##### Input Group

@
@example.com
Your vanity URL
https://example.com/users/
$ .00
With textarea

##### Sizing

Small
Default
Large

##### Checkboxes and radios

##### Multiple inputs

First and last name

##### Multiple addons

$ 0.00
$ 0.00

##### Button Addons

##### Buttons With Dropdowns

##### Segmented Buttons

##### Custom Forms

##### Custom Select

Options
Options

##### Custom File Input

Upload
Upload

##### Mantis Customizer

- ###### Theme Layout

  Choose your layout

  Direction

  RTL

- ###### Theme Mode

  Choose light or dark mode
  Light Dark

- ###### Color Scheme

  Choose your primary theme color
  Theme 1 Theme 2 Theme 3 Theme 4 Theme 5 Theme 6 Theme 7 Theme 8 Theme 9

- ###### Layout Width

  Choose fluid or container layout
  Fluid Container

- ###### Font Family

  Choose your font family.
  Aa Public Sans Aa Roboto Aa Poppins Aa Inter