Form Component

Flatlab

6
5
7
- You have 7 new notifications
- Server #3 overloaded. 34 mins
- Server #10 not respoding. 1 Hours
- Database overloaded 24%. 4 hrs
- New user registered. Just now
- Application error. 10 mins
- See all notifications

Jhon Doue
- Profile
- Settings
- Notification
- Log Out

Dashboard
Layouts
UI Elements
- General
- Buttons
- Modal
- Toastr Notifications
- Widget
- Slider
- Nestable
- Tree View
- Font Awesome
Components
Form Stuff
Data Tables
Mail
- Inbox
- Inbox Details
Charts
- Morris
- Chartjs
- Flot Charts
- xChart
Shop
- List View
- Details View
Google Maps
Chat Room
- Lobby
- Chat Room
Extra
- Blank Page
- Sidebar Closed
- People Directory
- Coming Soon
- Lock Screen
- Profile
- Invoice
- Project List
- Project Details
- Search Result
- Pricing Table
- FAQ
- FB Wall
- 404 Error
- 500 Error
Login Page
Multi level Menu
- Menu Item 1
- Menu Item 2
  - Menu Item 2.1
  - Menu Item 3
    - Menu Item 3.1
    - Menu Item 3.2

Inline form

Name

Username

@

Remember me

Basic Forms

Email address We'll never share your email with anyone else.

Password

Check me out

Horizontal Forms

Email

Password

Radios

First radio

Second radio

Third disabled radio

Checkbox

Example checkbox

Iconic field

Left Icon

Right Icon

Input with Loading

Form in Modal Form in Modal 2

Form title

Email address

Password

File input

Example block-level help text here.

Check me out

Form title

Name

Username

@

Remember me

Horizontal Iconic Forms

Left Icon

Right Icon

Input with Loading

Button addons

@

Form Elements

Default

Help text

A block of help text that breaks onto a new line and may extend beyond one line.

Rounder

Input focus

Disabled

Placeholder

Password

Static control

email@example.com

form with validation Error message

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.

Sizing

Checkboxes and radios

Check this custom checkbox

Toggle this custom radio

Or toggle this other custom radio

Inline

Toggle this custom radio

Or toggle this other custom radio

Selects

Range

Example range

File browser

Choose file

Input groups

@

@example.com

Your vanity URL

https://example.com/users/

$

.00

With textarea

Tags Input

Custom Checkbox & Radio

I agree to the terms & conditions. Please send me regular updates. This is nice checkbox.

This is option A... and this is option B... or simply choose option C

Masked inputs

ISBN 1

999-99-999-9999-9

ISBN 2

999 99 999 9999 9

ISBN 3

999/99/999/9999/9

IPV4

192.168.110.310

IPV6

4deg:1340:6547:2:540:h8je:ve73:98pd

Tax ID

99-9999999

Phone

(999) 999-9999

Currency

$ 999,999,999.99

Date

dd/mm/yyyy

Date 2

dd-mm-yyyy

CKEditor

CKEditor

Online Customers

John Doe Dream Land, AU
3
Jonathan Smith United States
5
Jane Doe ABC, USA
Anjelina Joli Fockland, UK
7
Mr Tasi Dream Land, USA

pending Task

Dashboard v1.3

40%

40% Complete (success)
Database Update

60%

60% Complete (warning)
Iphone Development

87%

87% Complete
Mobile App

33%

33% Complete (danger)
Dashboard v1.3

45%

45% Complete
See All Tasks

2018 © FlatLab by VectorLab.