a) Rows & Columns

Parameters:
  • row: none
  • column: screen (default: small), columns (default: 12)
Example Shortcode
			[row]
			[column screen="small" columns="12"]
			This is a row with 12 columns
			[/column]
			[/row]

			[row]
			[column screen="small" columns="6"]
			This is a row with 6 columns
			[/column]
			[column screen="small" columns="6"]
			This is a row with 6 columns
			[/column]
			[/row]
			

Example Output

This is a row with 12 columns
This is a row with 6 columns
This is a row with 6 columns

This is a row with 3 columns
This is a row with 3 columns
This is a row with 3 columns
This is a row with 3 columns

b) Block Grid

Parameters:
  • blockgrid: screen (default: small), columns (default: 4)
  • item: none
Example Shortcode
			[blockgrid screen="small" columns="4"]
			[item]blockgrid content[/item]
			[item]blockgrid content[/item]
			[item]blockgrid content[/item]
			[item]blockgrid content[/item]
			[/blockgrid]
			
Example Output

c) Buttons

Parameters:
  • button: url (default: #), style (default: n/a)
Example Shortcode
			[button url="http://www.example.com"]My Button[/button]
			[button url="http://www.example.com" style="secondary"]My Button[/button]
			
Example Output
My Button My Secondary Button

d) Flex Video

Parameters:
None
Example Shortcode
			[flexvideo]iframe embed[/flexvideo]
			
Example Output

e) Tabs

Parameters
  • tabs: style (default: n/a)
Example Shortcode
			[tabs]

			[tab-title]
			Tab 1 Title
			[/tab-title]
			[tab-title]
			Tab 2 Title
			[/tab-title]
			[/tabs]

			[tab-content]

			[tab-panel]
			This is tab 1 content.
			[/tab-panel]
			[tab-panel]
			This is tab 2 content.
			[/tab-panel]

			[/tab-content]
			
Example Output
This is tab 1 content.

f) Accordion

Parameters
  • accordion:none
  • accordion-item:title (default: n/a)
Example Shortcode
			[accordion]
			[accordion-item title="Blah 1"]
			This is my accordion content.
			[/accordion-item]
			[accordion-item title="Blah 2"]
			This is my accordion content 2.
			[/accordion-item]
			[accordion-item title="Blah 3"]
			This is my accordion content 3.
			[/accordion-item]
			[/accordion]
			
Example Output
Blah 1
This is my accordion content.
Blah 2
This is my accordion content 2.
Blah 3
This is my accordion content 3.

g) Modal

Parameters
  • modal: title (default: n/a), class (default: n/a), id (default: 'foundationModal')
Example Shortcode
	[modal class="button" title="Click Me"]This goes in my modal[/modal]
			
Example Output
Click Me
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. ×