div(
:class=`[
"gb-field-checkbox",
"gb-field-checkbox--" + size,
"gb-field-checkbox--" + computedTheme,
"gb-field-checkbox--" + computedStatus,
{
"gb-field-checkbox--disabled": disabled,
"gb-field-checkbox--full-width": fullWidth
}
]`
)
div(
@keypress.prevent="onKeypress"
:class=`[
"gb-field-checkbox__container",
"js-tag-for-autofocus",
{
"gb-field-checkbox__container--active": innerValue
}
]`
tabindex="0"
)
div(
@click="onClick"
class="gb-field-checkbox__field"
)
span.gb-field-checkbox__focuser
span.gb-field-checkbox__tick
field-label(
v-if="label"
@click="onClick"
:required="required"
:size="size"
:theme="theme"
:uppercase="false"
class="gb-field-checkbox__label"
) {{ label }}
field-message(
v-if="fieldMessageStatus"
:message="fieldMessageContent"
:size="size"
:status="fieldMessageStatus"
:theme="theme"
)