project objects: o-indicator.photos

Available Variants

photos prototype
Plus Icon Photos
o-indicator README

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

o-indicator Twig The markup file. 
<span class="o-indicator {{ o_indicator_classes }}">
	{% if c_icon %}
		{% include "@larva/components/c-icon/c-icon.twig" with c_icon %}
	{% endif %}

	{% if c_span %}
		{% include "@larva/components/c-span/c-span.twig" with c_span %}
	{% endif %}
</span>
o-indicator.photos JSON The data object for this pattern. 
{
	"o_indicator_classes": "lrv-a-glue lrv-a-glue--b-0 lrv-a-glue--r-0 lrv-u-flex lrv-u-background-color-brand-primary lrv-u-color-white lrv-u-padding-a-050 lrv-u-margin-a-050",
	"c_span": {
		"modifier_class": "",
		"c_span_classes": "lrv-u-font-family-body lrv-u-font-size-12 lrv-u-font-weight-bold lrv-u-margin-l-025",
		"c_span_text": "Photos",
		"c_span_url": "",
		"c_span_link_classes": ""
	},
	"c_icon": {
		"c_icon_link_classes": "",
		"c_icon_name": "camera",
		"c_icon_target_attr": "_blank",
		"c_icon_link_screen_reader_text": "Icon Link",
		"c_icon_url": false,
		"c_icon_classes": "lrv-u-display-block lrv-u-width-16 lrv-u-height-16",
		"c_icon_rel_name": "noopener noreferrer",
		"c_icon_screen_reader_tag_text": "",
		"c_icon_screen_reader_text": "Plus Icon",
		"c_icon_screen_reader_title_attr": "Plus Icon"
	}
}