Anatomy of a Design Library Element
On this page, we will walk you through what to expect from a design library element page. There is a lot of information on these pages, so it can be helpful to know how the pages are organized in advance.
The video and the page text covers the same information, so you are welcome to watch or read, whatever is your preference.
Video Length
3:46
At the top of the page will be a box reminding you to check the Info & Notes section if it is your first time using this item. This box includes a link that will move you down the page to the Info & Notes section.
After that will be a section labeled “Copy & Paste” with the items for copying and pasting in the Visual Editor, if available. This is toward the very top of the page because it’s what you’ll be using most often in this self-paced course.
Depending on the amount of different options, these may or may not be organized under accordions.
ELEMENT: COPY & PASTE
After the Copy & Paste section will be Info & Notes. This section includes everything you need to know about the element, including different ways to use it and details about how it works.
ELEMENT: INFO & NOTES
Some items will also include a Demo section, which allows you to see all the options in action. This section is only included on pages in which there are enough options that are organized under accordions.
ELEMENT: DEMO
Finally, some items will include an Advanced section, which details ways you can use the HTML Editor for more advanced customization.