Code symbol =

Item name

Name of item [=]

Modifier codes

An colour modifier code (1-3) can be added to change the background colour of the box.

A no heading modifier code (_) can be added to remove the heading.

A padding modifier code (!) can be used to add additional space before the Note box.

The grouping modifier code (+) can be used to merge additional items into the Note box.

The Note component is similar to the Well component with the exception that the sides extend to the full width of the page. This can be useful for providing a visual break in the flow of content.

Example

The following item title will wrap the content in a Note warapper (=). Because no other modifiers are supplied, it's background colour will be set to light grey.

In this example, the content text has been set as a blockquote in the Blackboard editor and receives additional styling.

Item nameAcademic viewStudent view

Lorem ipsum quote [=]

Example

Appending the colour modifier for aqua (2) and the no heading modifier (_), will set its background colour to aqua and hide the heading.

Item nameStudent view

Lorem ipsum quote [=2_]