project components: `c-button`

Available Variants

brand-basic prototype

c-button README

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

c-button Twig The markup file.

{% if c_button_url %}
	<a class="c-button larva {{ modifier_class }} {{ c_button_classes }}" href="{{ c_button_url }}" target="{{ c_button_target_attr }}" rel="{{ c_button_rel_attr }}"{% if c_button_ga_tracking %} {{ wp_action( 'pmc_do_render_custom_ga_tracking_attr', c_button_ga_tracking ) }}{% endif %}
		{% if c_button_aria_label_attr %}
			aria-label="{{ c_button_aria_label_attr }}"
		{% endif %}
	>
{% else %}
	<button class="c-button larva {{ modifier_class }} {{ c_button_classes }}" type="{{ c_button_type_attr }}"
		{% if c_button_aria_label_attr %}
			aria-label="{{ c_button_aria_label_attr }}"
		{% endif %}
	>
{% endif %}

	<span class="c-button__inner {{ c_button_inner_classes }}">
		{{ c_button_text }}
	</span>

	{% if c_button_screen_reader_text %}
		<span class="lrv-a-screen-reader-only">{{ c_button_screen_reader_text }}</span>
	{% endif %}

{% if c_button_url %}
	</a>
{% else %}
	</button>
{% endif %}

c-button JSON The data object for this pattern.

{
	"c_button_classes": "lrv-a-unstyle-button lrv-u-cursor-pointer",
	"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": "Sign Up",
	"c_button_type_attr": "submit",
	"c_button_url": ""
}