larva objects: o-span-group

Available Variants

prototype
Label Text Label Text
o-span-group README

o-span-group consists of a div containing an interderminate numer of c-spans. This can be useful for arbitrary decorative borders around single word links, or similar.

o-span-group Twig The markup file.
<div class="o-span-group {{ o_span_group_classes }}">
	{% for item in o_span_group_items %}
		{% include "@larva/components/c-span/c-span.twig" with item %}
	{% endfor %}
</div>
o-span-group JSON The data object for this pattern.
{
	"o_span_group_classes": "",
	"o_span_group_items": [
		{
			"modifier_class": "",
			"c_span_classes": "lrv-u-whitespace-nowrap",
			"c_span_text": "Label Text",
			"c_span_url": "",
			"c_span_link_classes": ""
		},
		{
			"modifier_class": "",
			"c_span_classes": "lrv-u-whitespace-nowrap",
			"c_span_text": "Label Text",
			"c_span_url": "",
			"c_span_link_classes": ""
		}
	]
}