Gallery on Base Toolkit - Version 2.9
Preview this component (Custom Element; v2.16.0; 4/20/2023)
Guidelines using the component
Description
The Gallery consists of multiple gallery items and arranges them in a grid. This is used for images or video (although it only has been tested in images).
Customization and Notes
Themes
This is not used with a theme option. You will need to change the text through CSS variables.
Size
You can use the il-size-xsmall, il-size-small, and il-size-large to change the size of the photos. This should be placed on the il-gallery class to make sure the sizes are the same.
Gallery Item information
The gallery item has a link attribute (link to the detail), a title slot and a caption slot. Everything else is raw HTML (like an image or a video).
Title
Subtitle
Title
Subtitle
Title
Subtitle
Title
Subtitle
Title
Subtitle
Title
Subtitle
Title
Subtitle
Title
Subtitle
Title
Subtitle
Component Display
Change Your Content and Options
Template -- enter raw HTML here
Important Classes
Classes
N/A
Attributes
N/A
Advanced Options
These options are only to be used in advanced situations -- most of your needs should be met through the attributes and classes, and this breaks the intent of having a unified design.
Custom Style Tag before text
How to add it to your page
Copy and paste this in your page. Remember
- Make sure you have updated your component to make sure the below code is completed.
- Make sure you have the Header code in your header.
Note that this uses the custom style 'builder-custom'. You may need to change this if you are using multiple versions of this component with different styles.