Basic Input Types

Standard text inputs with different types

Select & Textarea

Dropdown and multiline text inputs

Date & Time Inputs

Various date and time input types

Date Range Picker

Advanced date range selection with predefined ranges

Click to select a date range
Single date selection mode
Includes time selection
Today, Yesterday, Last 7 Days, etc.
Limited to past 30 days and next 30 days
Applies selection automatically
Checkboxes

Various checkbox styles

Standard Checkboxes

Custom Styled Checkboxes

Radio Buttons

Single selection radio inputs

Standard Radio Buttons

Custom Styled Radio Buttons

Input States

Validation and state examples

This input is valid!
This input has an error!
Input with Icons

Inputs with icon decorations

person
email
lock
Input Groups

Inputs with addons and buttons

@
.00
$ .00
person
mail
phone
lock
search
link
File Upload

File input and upload controls

Maximum file size: 5MB
You can select multiple files
Input Sizes

Different input size variations

Floating Labels

Modern floating label inputs

calendar_month
schedule
lock
Valid! Looks good.
Please provide a valid input.
This field needs attention.
Styled Form - Contact Form

Material design with animated floating labels

schedule
calendar_month
Styled Form - Validation States

Success, error, and warning state examples

Name is valid!
Please enter a valid email address
Phone number seems too short
This field cannot be edited
Great choice!
Styled Form - Additional Field Types

Date, time, number, and other input types

calendar_month
schedule
event
lock
Example: #0067ff
Notification
Mark all as Readmark_chat_readclose

New campaign "Summer Sale 2024" has been launched successfully

Last updated 3mins agoMarketing

Sarah Johnsonrequested access toFinancial Reports Dashboard

Last updated 15mins agoAccess Request

Mike Chenmentioned you inCustomer Feedback Thread

Last updated 1hour agoMention

"Great work on the client presentation! The response has been overwhelmingly positive."

Emily Rodriguezshared a document inQ4 Planning

Last updated 2hours agoDocument

attachmentQ4_Budget_Proposal_2024.pdf4.7MB

David Kimreplied to your comment inFeature Discussion

Last updated 3hours agoReply

"I think we should implement this feature in the next sprint. It aligns perfectly with our roadmap goals."

Jessica Martinezuploaded a presentation video inTraining Materials

Last updated 5hours agoMedia

Video thumbnailplay_circle
Product_Demo_Training_v2.mp440.7MB