Live Component Guide
Your guide for building component driven content pages!
The purpose of this page is to display all of the different components that you can use to build a content page using the Page and Landing Page content types.
Standard Content
The Standard Content component adds a full-width block of text and has a WYSIWYG editor. Use this if you just need some text content. This section you're reading right now uses it!
Thundercats literally bicycle rights art party next level stumptown quinoa irony pop-up selvage adaptogen meh lo-fi schlitz unicorn. Pop-up +1 aesthetic poke glossier succulents helvetica freegan snackwave kale chips asymmetrical taxidermy lomo air plant meggings. Direct trade slow-carb paleo, authentic kitsch hell of offal keffiyeh. Migas beard cornhole ugh. Hell of organic knausgaard, kinfolk freegan YOLO chicharrones activated charcoal banh mi put a bird on it taiyaki franzen. Yr man braid selvage dreamcatcher subway tile hella kale chips cred flexitarian copper mug edison bulb.
Image + Content
The Image + Content component lets you place an image and content side-by-side. You can choose the background and text colour, whether the image is positioned left or right, and also how much space the image takes up (50/50, 2/3, 1/4). In the content side, you can add in various components such as Standard Content, Webforms, Buttons, etc.
Image + Content FTW
Drinking vinegar dreamcatcher leggings, chartreuse jianbing snackwave narwhal fam tbh williamsburg cliche. Artisan forage subway tile, activated charcoal la croix mumblecore hammock ennui raw denim ethical green juice truffaut typewriter.
Contact us today!
Edison bulb PBR&B vexillologist letterpress gastropub af art party leggings polaroid. Bitters retro poke, seitan copper mug cred vaporware lo-fi. Locavore marfa authentic photo booth banjo semiotics shoreditch try-hard. 3 wolf moon roof party semiotics put a bird on it polaroid godard glossier live-edge blue bottle.
Tabs
The Tabs component is used to build tab based content. You can choose either horizontal or vertical tabs styling. Examples of each option are shown below.
Horizontal tabs
Sriracha kombucha flannel taxidermy VHS. Typewriter beard raw denim photo booth vaporware. Paleo master cleanse vice woke cliche hot chicken. Jianbing semiotics marfa ennui, migas gentrify seitan man bun meditation aesthetic 3 wolf moon woke organic irony paleo. Glossier pabst meh lumbersexual, actually polaroid crucifix tattooed selvage bitters asymmetrical thundercats swag.
Tab Two
Microdosing ethical sartorial forage gochujang taiyaki heirloom. Everyday carry prism kickstarter biodiesel, godard chambray YOLO jean shorts bushwick quinoa cray. Activated charcoal twee cronut blog biodiesel, small batch pork belly. Williamsburg cliche locavore microdosing cray sustainable paleo yr. Truffaut four dollar toast forage iPhone.
Tab Three
Portland stumptown cloud bread single-origin coffee bicycle rights. Semiotics gluten-free four dollar toast, jean shorts pok pok aesthetic pickled banjo. Farm-to-table hoodie chambray iceland everyday carry hexagon tote bag kogi gochujang tacos raclette leggings. Godard waistcoat typewriter, cray polaroid green juice franzen. Try-hard slow-carb williamsburg whatever tofu cred direct trade vice vape tousled. Cornhole iPhone ennui affogato tote bag.
Vertical Tabs
Portland stumptown cloud bread single-origin coffee bicycle rights. Semiotics gluten-free four dollar toast, jean shorts pok pok aesthetic pickled banjo. Farm-to-table hoodie chambray iceland everyday carry hexagon tote bag kogi gochujang tacos raclette leggings. Godard waistcoat typewriter, cray polaroid green juice franzen. Try-hard slow-carb williamsburg whatever tofu cred direct trade vice vape tousled. Cornhole iPhone ennui affogato tote bag.
Tab Two
Master cleanse everyday carry portland pok pok. Hella meh pop-up truffaut helvetica knausgaard activated charcoal pour-over biodiesel tacos put a bird on it kogi venmo shaman leggings. Occupy offal portland vape. Portland freegan flannel mixtape.
Tab Three
VHS ethical green juice, umami bushwick chambray glossier church-key wolf hammock hot chicken beard paleo. Stumptown coloring book slow-carb retro, sustainable master cleanse locavore tbh 90's williamsburg ramps. Actually VHS deep v cardigan, knausgaard vaporware raw denim jianbing 8-bit occupy kickstarter gochujang. Palo santo bitters asymmetrical listicle typewriter subway tile, forage kickstarter. Man bun marfa iPhone trust fund +1 craft beer disrupt hell of wolf literally meggings ramps.
Accordions
The Accordion component is useful for FAQs or other point based content where you want to hide the main body of content until the user selects it.
Optional Accordion Title
VHS ethical green juice, umami bushwick chambray glossier church-key wolf hammock hot chicken beard paleo. Stumptown coloring book slow-carb retro, sustainable master cleanse locavore tbh 90's williamsburg ramps. Actually VHS deep v cardigan, knausgaard vaporware raw denim jianbing 8-bit occupy kickstarter gochujang. Palo santo bitters asymmetrical listicle typewriter subway tile, forage kickstarter. Man bun marfa iPhone trust fund +1 craft beer disrupt hell of wolf literally meggings ramps.
Portland stumptown cloud bread single-origin coffee bicycle rights. Semiotics gluten-free four dollar toast, jean shorts pok pok aesthetic pickled banjo. Farm-to-table hoodie chambray iceland everyday carry hexagon tote bag kogi gochujang tacos raclette leggings. Godard waistcoat typewriter, cray polaroid green juice franzen. Try-hard slow-carb williamsburg whatever tofu cred direct trade vice vape tousled. Cornhole iPhone ennui affogato tote bag.
Microdosing ethical sartorial forage gochujang taiyaki heirloom. Everyday carry prism kickstarter biodiesel, godard chambray YOLO jean shorts bushwick quinoa cray. Activated charcoal twee cronut blog biodiesel, small batch pork belly. Williamsburg cliche locavore microdosing cray sustainable paleo yr. Truffaut four dollar toast forage iPhone.
Straps
A variety of different Strap component can be used to add some interesting sections to the page, such as the section headings you see throughout this page! Each strap has a number of options and can contain images, text, webforms, and more.
This is a default strap!
You can choose the background colour, text colour, set a background image, and more. It's useful for section headings and call to actions.
Content Strap
This strap lets you add multiple content columns in a row. Each column has all of the same properties as the basic strap component.
Master cleanse everyday carry portland pok pok. Hella meh pop-up truffaut helvetica knausgaard activated charcoal pour-over biodiesel tacos put a bird on it kogi venmo shaman leggings. Occupy offal portland vape.
With An Image!
VHS ethical green juice, umami bushwick chambray glossier church-key wolf hammock hot chicken beard paleo. Stumptown coloring book slow-carb retro, sustainable master cleanse locavore tbh 90's williamsburg ramps. Actually VHS deep v cardigan, knausgaard vaporware raw denim jianbing 8-bit occupy kickstarter gochujang. Palo santo bitters asymmetrical listicle typewriter subway tile, forage kickstarter. Man bun marfa iPhone trust fund +1 craft beer disrupt hell of wolf literally meggings ramps.
How about a webform!
Sure! Why not. Just select the webform you want to embed.
Image Strap
The Image Strap gives you all of the same good stuff as the basic strap, but lets you also upload an image to place to the left or right of the content.
Biodiesel umami meditation bushwick cornhole occupy mixtape edison bulb dreamcatcher venmo listicle selvage. YOLO chia slow-carb, glossier pork belly bitters XOXO coloring book selfies cardigan paleo la croix mixtape listicle pinterest. Dreamcatcher scenester mixtape poke tote bag skateboard.
The CTA Strap gives you a new way to add call-to-actions into your pages. Add as many CTAs as you want and customize them with images, text and link titles.
Carousels
A whole bunch of different Carousel based components can be used to add dynamic content to the site. Some examples are shown below - a Content Carousel, a Rich Media Carousel and a Logo Carousel.
