Elements

Added Via Formats Dropdown

  • This is a list
  • It has icons as bullets
  • That is all
This is a message
this is a notice
this is an alert
This is a button link

Toggle boxes

Toggle This

Toggles are created by:

  1. Putting the open link in a paragraph or heading with the class ‘trigger’
  2. Putting the content you want to slide open into a div with the class ‘trigger-container’
  3. You can have multiple toggles on a page, but the trigger and trigger container it opens must have the same id.
  4. You can put any HTML you like in the container div

Toggle That

This is another toggle container.

Tabs

  • Tab One
  • Tab Two
  • Tab Three
  • Tab Four
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tables

Standard table:

Name Number Status
Something here 24 Active
Something else here 55 Disable
This thing 74 Active
The Other thing 42 Disable

Table with alternating colours – give the table the class ‘stripey’:

Name Number Status
Something here 24 Active
Something else here 55 Disable
This thing 74 Active
The Other thing 42 Disable