project objects: o-data-wrapper-item
Available Variants
prototypeo-data-wrapper-item README
This needs docs!
Create a README.md in the pattern's directory and add details about using this pattern in markdown.
o-data-wrapper-item Twig The markup file.
<div class="o-data-wrapper-item // {{ o_data_wrapper_item_classes }}">
{% if c_iframe %}
{% include "@project/components/c-iframe/c-iframe.twig" with c_iframe %}
{% endif %}
{% if more_stories_button %}
{% include "@project/modules/more-stories-button/more-stories-button.twig" with more_stories_button %}
{% endif %}
</div>
o-data-wrapper-item JSON The data object for this pattern.
{
"o_data_wrapper_item_classes": "lrv-u-flex lrv-u-flex-direction-column",
"c_iframe": {
"c_iframe_wrapper_classes": "lrv-u-width-100p lrv-u-height-100p",
"c_iframe_classes": "lrv-u-width-100p",
"c_iframe_url": "",
"c_iframe_height_attr": "",
"c_iframe_width_attr": ""
},
"more_stories_button": {
"more_stories_button_classes": "a-font-secondary-bold-m lrv-u-text-transform-uppercase",
"c_button": {
"c_button_classes": "lrv-a-unstyle-button lrv-u-cursor-pointer lrv-a-unstyle-link lrv-u-background-color-brand-secondary u-background-color-brand-secondary-dark:hover lrv-u-color-black lrv-u-padding-tb-1 lrv-u-padding-lr-050 lrv-u-text-align-center lrv-u-display-block lrv-u-width-100p",
"c_button_ga_tracking": {},
"c_button_inner_classes": "",
"c_button_rel_attr": "",
"c_button_screen_reader_text": "Sign Up",
"c_button_target_attr": "",
"c_button_text": "Read The Report",
"c_button_type_attr": "submit",
"c_button_url": "#"
},
"c_button_prev": false,
"c_button_next": false
}
}