larva objects: o-header

Available Variants

prototype

Heading

Link Sign Up
o-header README

This needs docs!
Create a README.md in the pattern's directory and add details about using this pattern in markdown.

o-header Twig The markup file. 
<header class="o-header {{ modifier_class }} {{ o_heading_classes }}">
	{% if c_heading %}
		{% include "@larva/components/c-heading/c-heading.twig" with c_heading %}
	{% endif %}

	{% if o_figure %}
		{% include "@larva/objects/o-figure/o-figure.twig" with o_figure %}
	{% endif %}

	{% if c_button %}
		{% include "@larva/components/c-button/c-button.twig" with c_button %}
	{% endif %}

	{% if c_svg %}
		{% include "@larva/components/c-svg/c-svg.twig" with c_svg %}
	{% endif %}

	{% if o_sponsored_by %}
		{% include "@larva/objects/o-sponsored-by/o-sponsored-by.twig" with o_sponsored_by %}
	{% endif %}
</header>
o-header JSON The data object for this pattern. 
{
	"o_heading_classes": "lrv-u-flex lrv-u-align-items-center lrv-u-padding-a-1",
	"c_heading": {
		"c_heading_classes": "",
		"c_heading_id_attr": "section-heading",
		"c_heading_text": "Heading",
		"c_heading_url": "",
		"c_heading_link_classes": "",
		"c_heading_outer": false,
		"c_heading_outer_classes": "",
		"c_heading_is_primary_heading": false
	},
	"c_button": {
		"c_button_classes": "lrv-u-font-size-12 lrv-u-text-transform-uppercase lrv-a-icon-after lrv-a-icon-arrow-right lrv-u-margin-l-auto",
		"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": "Link",
		"c_button_type_attr": "submit",
		"c_button_url": "#"
	}
}