project objects: o-data-wrapper-item

Available Variants

prototype
o-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
	}
}