Basic example

  

	Email address
	
  
  

	Password
	
  
  

	File input
	
	
Example block-level help text here.
  
  

	
	   Check me out
	
  
  Submit

  

	Name
	
  
  

	Email
	
  
  Send invitation

  

	Email address
	
  
  

	Password
	
  
  

	
	   Remember me
	
  
  Sign in

  

	Amount (in dollars)
	

	  
$
	  
	  
.00
	
  
  Transfer cash

Horizontal form

  

	Email
	

	  
	
  
  

	Password
	

	  
	
  
  

	

	  

		
		   Remember me
		
	  
	
  
  

	

	  Sign in
	
  

Textarea

Checkboxes and radios

  
	
	Option one is this and that—be sure to include why it's great
  


  
	
	Option two is disabled
  



  
	
	Option one is this and that—be sure to include why it's great
  


  
	
	Option two can be something else and selecting it will deselect option one
  


  
	
	Option three is disabled
  

Selects

  1
  2
  3
  4
  5

Static control

  

	Email
	

	  
[email protected]
	
  
  

	Password
	

	  
	
  

						

  

	Email
	
[email protected]
  
  

	Password
	
  
  Confirm identity

						

Disabled state

  

	

	  Disabled input
	  
	
	

	  Disabled select menu
	  
		Disabled select
	  
	
	

	  
		 Can't check this
	  
	
	Submit
  

						

Readonly state

Validation states

  Input with success
  


  Input with warning
  


  Input with error
  


  

	
	  
	  Checkbox with success
	
  


  

	
	  
	  Checkbox with warning
	
  


  

	
	  
	  Checkbox with error
	
  

						

With optional icons

  Input with success
  
  
  (success)


  Input with warning
  
  
  (warning)


  Input with error
  
  
  (error)


  Input group with success
  

	@
	
  
  
  (success)

						

Height sizing

...
...
...
						

Column sizing