responsive mode

Form Elements

Text Input

Email Address

This field is invalid


  Text Input
  
  This field is invalid

Input with button

copy code code example

Password

This field is invalid

copy code code example


  Password
  
  This field is invalid

Input with icon

Monthly Budget

copy code code example


  Input with icon
  
    £

Input with icon (no label)

copy code code example


  Input with icon
  
    £

Input with vehicle reg icon

Vehicle registration*

copy code code example


  Vehicle registration*

Text Area

copy code code example

Checkbox

Tick me

copy code code example


  
    
    Tick me

Large Checkbox

Tick me

copy code code example


  
    
    Tick me

Icon checkbox

Saloon

copy code code example

Inline checkboxes

Option 1 Option 2 Option 3

copy code code example


  
    
    Option 1
  

  
    
    Option 2
  

  
    
    Option 3

Colour select checkboxes

code example


  
    
    Tick me

Select

Vehicle Type

copy code code example


  Vehicle Type

Inline Select

Date of birth

copy code code example


  Inline dropdowns

Select with label inside

Vehicle Type

copy code code example


  Inside Label

Classic Radio buttons

Classic radio button

Mr Mrs Ms

copy code code example


        Classic radio button
  
        
          
            
            
            Mr
          
          
            
            
            Mrs
          
          
            
            
            Ms

Radio buttons

Title

Mr Mrs Ms

copy code code example

Radio buttons 50/50

Rows

Mr Mrs Ms Ms

copy code code example

Fixed Height

These fixed height buttons only have a fixed height on mobile devices. It's mainly to stop text wrapping and causing groups of radio buttons to have different heights.

Employment situation

Full time permenant Self employed Not employed

copy code code example


  Employment situation
  
    
      
      Full time permenant
    
    
      
      Self employed
    
    
      
      Not employed

Stacked Radio Buttons

Vertically stacked radio buttons, a variation from regular HTML radio buttons.

1
years

2
years

3
years

4
years

copy code code example

Labels

This is a standard label This is a large label