Page Heading

Description: Duplicate this template to create a new documentation page.

Section Heading

Subheading
Text goes here...
Text goes here...
Text goes here...
Class Types
class-name
is-addon-class
|
|
class-name
is-state-class
|
html tag
|
Style Text
Trigger Interaction Connected to Class
class-name
ID
id-name
Custom Attribute
b-attribute-name = value
ID & Attribute Connected to Class
The ID id-name is added to the class-name element.
The attribute b-attribute-name = value is added to the class-name element.
The attributes b-attribute-name = value and b-attribute-name = value are added to separate elements using the class-name class.
Component Wrap
Component Name
is-variant
2 Column Grid
Element Wrap
class-name
Note: Element is hidden by default.
Element is Hidden to Prevent Overlay
class-name
Note: Element is hidden to prevent overlay.
3 Column Grid
Preview Primary
class-name
Preview Alternate
class-name
Preview Centered
class-name
4 Column Grid
Nested Element
class-name
Element Overflow Clip
class-name
Clickable Overlay
class-name
Non Clickable Overlay
class-name
5 Column Grid
Element No Dash
class-name
Element Wrap Fixed Height
class-name
Element Auto Height
class-name
Element Auto Width
class-name
Element Outline Auto Size
class-name
6 Column Grid
Element Outline
class-name
Element Transparent Background & Outline - Auto Size
class-name
Element Transparent Background & Outline - Auto Height
class-name
Style Guide Preview Elements
Preview
Body
Berrario Style Guide
b-body
b-preview
Note: Element is hidden to prevent overlay.
Sidebar
Berrario Style Guide
b-sidebar
b-preview
Note: Element is hidden to prevent overlay.
On This Page
Berrario Style Guide
b-on-this-page
b-preview
Note: Element is hidden to prevent overlay.
Divider
Sticky Bar
Desktop
Tablet
Mobile
Mobile Portrait
Form
Custom Behavior -
Name

Description goes here...

Text goes here...
Text goes here...
Text goes here...
Local
Global

Section Heading

Subheading
Custom Behavior -
Name

Text goes here...

User Guide

Text goes here...