## Form elements

Static
Input value
Text
Password
Disabled
Readonly
Required
Textarea 56/100 Oh! Come and see the violence inherent in the system! Help, help, I'm being repressed! We shall say 'Ni' again to you, if you do not appease us. I'm not a witch. I'm not a witch. Camelot!
Select
Select multiple
Select multiple states
Input group
Input group buttons
Icon input
Loader input
Separated inputs
Input with help icon
?
Form control rounded
Form control flush
Input group
@
.tabler.io
https:// .tabler.io
Input with checkbox or radios
Input with prepended text
https://tabler.io/users/
Input with appended text
.tabler.io
Input with appended link
Show password
Input with appended kbd
`ctrl + K`
Input with appended icon links
Floating inputs
Email address
Password
Select
Image Check
Image Check Radio
Color Input Check
Color Input Radio
Color picker
Validation States
Invalid feedback
Validation States (lite)
Form fieldset
Full name
Company
Email
Phone number
I agree to the Terms & Conditions
Simple selectgroup
HTML CSS PHP JavaScript
Icon input
Other
Selectgroup with icons and text
Home
User
Circle
Square
Different style
HTML CSS PHP JavaScript
Payment method
ending in 7998
ending in 1000
Project Manager
Paweł Kuna
UI Designer
Jeffie Lewzey
Chemical Engineer
Mallory Hulme
Geologist IV
Dunn Slane
Research Nurse
Emmy Levet
VP Product Management
Buttons group
1 min 5 min 10 min 30 min
Buttons group with dropdown
Option 1 Option 2
Other
Vertical buttons group
Button 1 Button 2 Button 3 Button 4 Button 5
Vertical with dropdown
Button 1 Button 2 Button 3 Button 4
Other
Toolbar
Radios
Option 1 Option 2 Option 3 Option 4
Inline Radios
Option 1 Option 2 Option 3
Checkboxes
Checkbox input Disabled checkbox input Checked checkbox input
Inline Checkboxes
Option 1 Option 2 Option 3
Checkboxes with description Default checkbox Lorem ipsum dolor sit amet, consectetur adipisicing elit. Longer checkbox item that wraps on to two separate lines Ab alias aut, consequuntur cumque esse eveniet incidunt laborum minus molestiae. Default checkbox without description
Toggle switches
Option 1 Option 2 Option 3
Single switch
I agree with terms and conditions
Notification
Push Notifications
SMS Notifications
Email Notifications
Custom File Input
Date of birth
Text mask
Telephone mask
Autosize textarea
Datalist example
Range input
Datepicker
Inline datepicker
Progress
38% Complete
Form buttons
Login with Github
Login with X
Tags input
Advanced select
Advanced select with optgroup
Select with avatars
Select with flags
Select with labels
Advanced select with validation state

### Project ID

Used when interacting with the API.

### Node.js Version

The version of Node.js that is used in the Build Step and for Serverless Functions. A new Deployment is required for your changes to take effect.

### Basic form

Email address
We'll never share your email with anyone else.
Password
Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.
Select
Checkboxes
Option 1 Option 2 Option 3

### Input mask

Date
Hour
Date & Hour
ZIP Code
Money
Telephone
Telephone with Code Area
IP Address

### My Profile

Email-Address
Bio Big belly rude boy, million dollar hustler. Unemployed.
Email-Address
Password

### Edit Profile

Company
Username
Email address
First Name
Last Name
Address
City
Postal Code
Country
About Me Oh so, your weak rhyme You doubt I'll bother, reading into it I'll probably won't, left to my own devices But that's the difference in our opinions.

### HTTP Request

Method
URL
Assertions

Source | Property | Comparison | Target
--- | --- | --- | ---

## Theme Settings

Color mode

Choose the color mode for your app.

Light
Dark
Color scheme

The perfect color mode for your app.

Font family

Choose the font family that fits your app.

Sans-serif
Serif
Monospace
Comic
Theme base

Choose the gray shade for your app.

Slate
Gray
Zinc
Neutral
Stone
Corner Radius

Choose the border radius factor for your app.

0
0.5
1
1.5
2
Save