## Form Elememnts

Proin placerat ante duiullam scelerisque a velit ac porta, fusce sit amet vestibulum mi. Morbi lobortis pulvinar quam.

## Overview

Nam pulvinar interdum turpis a mattis. Etiam augue leo, mollis a massa sagittis, egestas pretium risus. Aliquam auctor nibh mauris, at fringilla elit lobortis sodales. Praesent volutpat felis et placerat elementum.

- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Mauris bibendum massa ut porttitor congue.
- Morbi condimentum magna eget facilisis accumsan.
- Proin euismod eros nec libero efficitur, a dapibus mauris condimentum.

### Basic Form Elements

Use custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

##### Basic Form

Input Text
Email address

We'll never share your email with anyone else.

Number Input
Password
File Input
Example textarea

### Sizing

Small
Default
Large

### Select

Use custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

##### Select Example

Example Select

### Sizing

### Checkboxes and Radios

Use custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

##### Checkboxes and Radios

#### Default (stacked)

Default Checkbox Default Checkbox

#### Inline Checkbox

Option 1 Option 2 Option 3

#### Radio (Stacked)

Default Radio Default Radio

##### Inline Radio

Option 1 Option 2 Option 3

### Validation States

Use custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

##### Validation States

First name
Looks good!
Error
Please provide a valid text.

##### Checkbox

Success
Error

##### Radio

Success
Error

### Input Groups

Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs.

##### Input Groups

#### Input Text

@
.00
$
.00

#### Input Sizes

##### Small

@

##### Default

@

##### Large

@

#### Checkboxes and radios

Button Addons

### Input Mask

Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs.

#### Input Text

Date Mask dd/mm/yyyy
Phone (999) 999-9999
International Number +19 999 999 999
Phone / xEx (999) 999-9999 / x999999
Purchase Order aaaa 9999-****
Credit Card Number 9999 9999 9999 9999
SSN 999-99-9999
ISBN 999-99-999-9999-9
Percentage 99%
Currency$9999
Decimal using RadixPoint123.654658
Emailxxx@xxx.xxx
Optional masks(99) 9999[9]-9999
RTL attributedd/mm/yyyy

#### Checkboxes and radios

Button Addons

### Switch Component

Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs.

##### Switch Component

Sizes
Success
Warning
Danger
Yes/No Labels