Blocs enables users to apply various data attributes and effects such as ID’s, custom classes, animations, tooltips and scrollFX onto custom Brics. By default, when a user sets values for these features, they are applied to the first child element within the HTML of a custom Bric.
For greater flexibility, Blocs also lets developers control and target which element should be affected by these controls within the custom Brics HTML. This is done by applying the following data attribute(s) to the specific sections of HTML within the Brics code.
ID
custom-bric-id-target="true" – Adding this target attribute to a custom Bric child element will populate its id data attribute when set via the main sidebar inspector input field.
Tooltip
custom-bric-tooltip-target="true" – Adding this target attribute to a custom Bric child element will apply the tooltip feature when set via the main sidebar inspector input controls.
Animation
custom-bric-animation-target="true" – Adding this target attribute to a custom Bric child element will apply the animation features when set via the main sidebar inspector input controls.
Scroll FX
custom-bric-scrollFX-target="true" – Adding this target attribute to a custom Bric child element will apply the scrollFX features when set via the main sidebar inspector input controls.