#### Custom-Validation

#### Validation Form

Basic Text Input *
Add `required` attribute to field for required validation.
Email Field *
Password Input Field *
Repeat Password Input Field *
File Input Field *
Input with Icon *
Maximum Character Length *
Add `maxlength='10'` attribute for maximum number of characters to accept.
Minimum Character Length *
Add `minlength="6"` attribute for minimum number of characters to accept.
Only Numbers *
0.00
Maximum Number *
Must be lower than 25 - Add `max` attribute for maximum number to accept. Also use `data-validation-max-message` attribute for max failure message
Minimum Number *
Must be higher than 10 - Add `min` attribute for minimum number to accept. Also use `data-validation-min-message` attribute for min failure message
Text Input Range *
Input with Button *
No Characters, Only Numbers *
Pattern * Must start with 'a' and end with 'z'
Add `pattern` attribute to set input pattern. Also use `data-validation-pattern-message` attribute for pattern failure message
Enter URL *
Add `data-validation-regex-regex` attribute for regular expression. Also use `data-validation-regex-message` attribute for regex failure message
Enter Email Address *
Enter Date *
Basic Select *
Textarea *
Checkbox *
Check this custom checkbox
Checkbox Group *
I am unchecked
I am unchecked too
Select Max 2 Checkbox*
I am unchecked checkbox
I am unchecked too
You can check me
Select any 2 options
Minimum 2 Checkbox selection*
I am unchecked checkbox
I am unchecked checkbox too
You can check me
Select any 2 options
Radio Buttons *
Check me
or me
Inline Radio Buttons *
Check me
or me

#### Settings

###### Theme

Light Dark

###### Theme Direction

LTR RTL

###### Theme Colors

###### Layout Type

Vertical
Horizontal

###### Container Option

Boxed Full

###### Sidebar Type

Full
Collapse

###### Card With

Border Shadow

##### Quick Page Links

- Analytics /dashboards/dashboard1
- eCommerce /dashboards/dashboard2
- CRM /dashboards/dashboard3
- Contacts /apps/contacts
- Posts /apps/blog/posts
- Detail /apps/blog/detail/streaming-video-way-before-it-was-cool-go-dark-tomorrow
- Shop /apps/ecommerce/shop
- Modern /dashboards/dashboard1
- Dashboard /dashboards/dashboard2
- Contacts /apps/contacts
- Posts /apps/blog/posts
- Detail /apps/blog/detail/streaming-video-way-before-it-was-cool-go-dark-tomorrow
- Shop /apps/ecommerce/shop