<div class="">
<label class="u-label-03 c-form-label u-color-base" for="">Label</label>
<input class="u-block u-size-full" type="file" id="" name="" accept="image/png, image/jpeg">
</div>
<div class="{% if status=='error' %}c-form--error{% elif status=='success' %}c-form--success{% endif %}">
{% if label %}
<label class="{% if small %}u-label-03{% else %}u-label-03{% endif %} c-form-label u-color-base" for="">{{label}}</label>
{% endif %}
<input class="u-block u-size-full" type="file" id="{{inputId}}" name="{{inputName}}" accept="image/png, image/jpeg" >
{% if helper %}
<span class="c-form-helper u-label-08 u-pt-xxsmall u-inline-block">{{helper}}</span>
{% endif %}
</div>
{
"label": "Label",
"placeholder": "Placeholder text",
"type": "text"
}
// Name: Input
// Description: Input text in website's forms
//
// Component: `c-form-input`
//
// ========================================================================
// Variables
// ========================================================================
$input-outline-size: 3px;
$input-min-small-height: 38px;
$input-min-default-height: 48px;
// ========================================================================
select,
input[type] {
//
// Sizes
//
&.c-form-size--small {
--form-input-padding: #{$padding-xsmall} #{$padding-small};
min-height: $input-min-small-height;
@include type(label-07);
}
&.c-form-size--wide {
@include type(title-05);
}
}
No notes defined.