<input class="kx-btn kx-btn--skin-secondary kx-btn--size-large" id="--58019" type="reset" value="Reset Button" />
{% if id %}
{% set random_number = range(0, 100000) | random %}
{% set id = id | replace(' ', '-') | lower + '--' + random_number %}
{% else %}
{% set random_number = range(0, 100000) | random %}
{% set id = label | replace(' ', '-') | lower + '--' + random_number %}
{% endif %}
<input class="kx-btn{% if skin %} kx-btn--skin-{{ skin }}{% endif %}{% if size %} kx-btn--size-{{ size }}{% endif %}{% if fluid %} kx-btn--fluid{% endif %}" id="{{ id }}" type="{{ type }}" value="{{ value }}" {{'disabled="disabled"' if disabled }} {{'required="required"' if required }}/>
{
"element": "input",
"type": "reset",
"id": null,
"classes": null,
"state": null,
"disabled": null,
"skin": "secondary",
"size": "large",
"required": null,
"value": "Reset Button",
"error": null
}
- Handle: @button--reset
- Variants (3): Type Button , Type Reset , Type Submit
- Preview:
- Filesystem Path: src\components\01-form\input\button.njk
There are no notes for this item.