blueprint-plugin---tabs icon indicating copy to clipboard operation
blueprint-plugin---tabs copied to clipboard

Tabs plugin for the Blueprint CSS framework

h1. Blueprint CSS Tabs Plugin Readme

This plugin adds a simple and flexible set of horizontal tabs to Blueprint.

h2. Usage:

Upload the screen.css file to a new directory on your server (preferably tabsplugin/)

Include the plugin file in the @

@ of your webpage.

Add the class @"tabs"@ to your list. An example:


  • Tab 1
  • Tab 2
  • Tab 3

h2. More options:

You can add a label to your list by adding the class @"label"@ to the first item. This item should not have a link in it.


  • This is a "label":
  • Tab 1
  • Tab 2
  • Tab 3

You can mark the currently selected item with the class @"selected"@.


  • Tab 1
  • Tab 2
  • Tab 3

h2. Demo:

View a demo at "blueprintcss.org":http://blueprintcss.org/demos/tabs.html