Style Guide Basic Components

Below is the Contact Us Form brick. There are options for the header and subheader, different CTA text depending on whether the user is logged in, and error messages for the multiple required fields.

The Copy Component is a basic WYSIWYG editor that allows for different text styles and changing the alignment of the text. There are CTA styles which can be used on links.
You are able to imbed images but it is probably best practice to use one of the other image blocks.

Below is an Iframe. It is used to display a separate site within a window on a page. There are some resource, accessibility, and security concerns with this, you can read more about them here. Some sites may also refuse to load in a frame.

Below is an Icon CTA brick which is used for displaying up to 4 images along with optional links and central CTA button. Any type of image can be used but as you can see with the fourth item they may not be sized appropriately as this brick is intended to be used with icons.

Below is a Location Aware Container brick. It allows users to search by location. You have to option to add panels and default region content.

Below is a Modal brick. The title, modal width, CTA title, CTA url and link text fields are required. The CTA styling can be updated with the select, and CTA attributes can be included. A Video CTA checkbox and styling select are available.

Below is a Paged Content Component brick. The title and paged content rows fields are required. Multiple rows can be added to the paged content rows field.

Below is a Pull Quote brick. The title, gradient background, major copy, CTA collections title, CTA url and link text fields are required. The gradient background can be turned on or off. Can set the major copy placement to left or right. The CTA can be updated using the select.

Below is a Section Component brick. The title and CTA url are required. CTA attributes can be added.

Below is a Selectable Panel brick. The title, form label, and panels fields are required. Multiple bricks can be added to the panels section.

Below is a Video Component brick. The title and vimeo videos fields are required.

Below is a View Reference Brick brick. The title field is required. View to display is updated with a autocomplete field, and the view title can be included.

Below is a Webform brick. The title field is required. Webform linked is updated with a select, and the available settings for status are open, closed, and scheduled. Default submission data YAML field available.

Below is the Card brick. The title and CTA url fields are required. 

Below is the Card Container brick. The title field is required. Multiple card reference items can be added. CSS class field available for each card reference item.

Below is a Image Gallery Items brick. The title, image, and image copy fields are required. Only one (1) image item can be added.

Below is a Location Aware Region brick. The title field is required. The region can be updated with a select field. Multiple component bricks can be added (callout banner is the only brick showing).

Below is a Paged Content Entry brick. The title and entry content fields are required.

Below is a Panel brick. The title field is required. Multiple bricks can be added to the components section field.

Below is a Slider brick. The title field is required. Multiple bricks can be added to the slides section field.

Below is a Spire Accordion brick. The title field is required. Multiple bricks can be added to the entries section field, and CSS classes can be added to each brick. The first row can be set open by default with checkbox (deselected for this brick).

Below is a View brick. The title field is required. The link view can be set with select.