Styles Links

A Styles Link

Regular (Light) Buttons

Regular Button Regular anchor Button Regular Button disabled Regular anchor Button disabled

Regular (Light) Alternate Buttons

Regular Alternate Button Regular Alternate anchor Button Regular Alternate Button disabled Regular Alternate anchor Button disabled

Dark Buttons

Dark Button Dark anchor Button Dark Button disabled Dark anchor Button disabled

Details Buttons

Details Button Details anchor Button Details Button disabled Details anchor Button disabled

Primary Buttons

Primary Button Primary anchor Button Primary Button disabled Primary anchor Button disabled

Secondary Buttons

Secondary Button Secondary anchor Button Secondary Button disabled Secondary anchor Button disabled

Styled Buttons

Regular Button Regular anchor Button Regular Button disabled Regular anchor Button disabled

Highlight Button Highlight anchor Button Highlight Button disabled Highlight anchor Button disabled

Special Button Special anchor Button Special Button disabled Special anchor Button disabled

Info Button Info anchor Button Info Button disabled Info anchor Button disabled

Custom Buttons with Various Icons

  Custom Button   Custom anchor Button   Custom Button disabled   Custom anchor Button disabled

Send Buttons

  Submit Button     Submit Button     Submit (Button)     Submit Button     Submit Button     Submit Button  
           

Default Table

#	Make	Model	Year
1	Honda	Accord	2009
2	Toyota	Camry	2012
3	Hyundai	Elantra	2010

Table using width, alignment, reflow

#	Make	Model	Year
Left	Center	Right	Default
Left	Center	Right	Default
Left	Center	Right	Default

Bordered Table

#	Make	Model	Year
1	Honda	Accord	2009
2	Toyota	Camry	2012
3	Hyundai	Elantra	2010

Bordered Table with rowspan

#	Make	Model	Year
1	Honda	Accord	2009
	Toyota	Camry	2012
	Hyundai	Elantra	2010

Bordered Table with colspan

#	Make	Model	Year
1	Toyota	Camry	2012
2	[ redacted ]
3	Hyundai	Elantra	2010

Table with Horizontal Borders

#	Make	Model	Year
1	Honda	Accord	2009
2	Toyota	Camry	2012
3	Hyundai	Elantra	2010

Striped Table

#	Make	Model	Year
1	Honda	Accord	2009
2	Toyota	Camry	2012
3	Hyundai	Elantra	2010
4	Ford	Focus	2008
5	Nissan	Sentra	2011
6	BMW	M3	2009
7	Honda	Civic	2010
8	Kia	Soul	2010

Nth Child Striped Table

#	Make	Model	Year
1	Honda	Accord	2009
2	Toyota	Camry	2012
3	Hyundai	Elantra	2010
4	Ford	Focus	2008
5	Nissan	Sentra	2011
6	BMW	M3	2009
7	Honda	Civic	2010
8	Kia	Soul	2010

Nested Table

#	Make	Model	Type
1	Honda	Accord	Fuel Year Diesel 2009 Petrol 2009
2	Toyota	Camry	Fuel Year Diesel 2012 Petrol 2012
3	Hyundai	Elantra	Fuel Year Diesel 2010 Petrol 2010

Date Input

Form Elements outside a form, centered

Form Input normalization

An inline form. Check for alignment and input/select sizing.

CA NY

This is some text ...

Sign out  

Default Form

A default inline form.

Remember me Sign in  

Multi-Column Form with Grids

Legend

First Name

E-Mail * (required)

City

State AL CA IL MD NY

I've read the terms and conditions Submit   Reset  

Stacked Form

Legend

First Name E-Mail City State AL CA IL MD NY Color I've read the terms and conditions Submit   Reset  

Aligned Form

Username

Email Address

Here's a button

Supercalifragilistic Label

Remember Me Submit  

Grouped Inputs

Sign in  

Dynamic Grouped Inputs

  Add field   Remove field

Form Input Sizing

Invalid Form Inputs

Disabled Form Inputs

ReadOnly Form Inputs

Rounded Form Inputs

Subject Message   Search Reset  

Form XL Fields

Brazil Canada United States United Kingdom Venezuela

Brazil Canada United States United Kingdom Venezuela

Form Checkboxes and Radios

Here's option one. Here's a radio button. You can choose this one... ...Or this one!

Form Help text

Last Name

Form Button

  Anchor »   Link Button   · «   Link Search   Submit

Buttons Group

Horizontal Flat Menu

Vertical Menu, with nested children