larva components: `c-span.tag`

Available Variants

prototype tag

c-span README

// Label // // An uppercase span label that is intended to be styled mostly with utilities. This components is // used in the story badges, the menu items, and elsewhere. It should be used anywhere that is // would be helped by some padding, no-wrapping text, bold, and uppercase. // // Markup: c-label.twig // // Style guide: Components.Text.Label

c-span Twig The markup file.

<span class="c-span {{ modifier_class }} {{ c_span_classes }}">
{% if c_span_url %}
	<a href="{{ c_span_url }}" class="c-span__link {{ c_span_link_classes }}">
{% endif %}

	{{ c_span_text }}

{% if c_span_url %}
	</a>
{% endif %}
</span>

c-span.tag JSON The data object for this pattern.

{
	"modifier_class": "",
	"c_span_classes": "lrv-u-whitespace-nowrap",
	"c_span_text": "News",
	"c_span_url": "#",
	"c_span_link_classes": ""
}