label.flex.font-400.o-inputbox(:for="id", :class="_class")
input.sr-only(
:id="id",
:type="type"
:name="name",
:value="value",
:disabled="disabled",
:checked="isChecked",
@change="updateInput",
@blur="$emit('blur', $event)"
)
span.block.w-6.h-6.relative.text-center.flex-shrink-0.mr-2.border.border-grey-03.o-inputbox__box(aria-hidden="true")
//@slot slot for the tick element
slot(name="tick-element")
.flex.items-center.justify-center.w-full.h-full.text-white.opacity-0.o-inputbox__tick
//@slot slot for the tick icon (just icon)
slot(name="tick-icon")
Icon(name='check16')
span.hidden.absolute-center.w-8.h-8.rounded-50p.bg-white.opacity-0.o-inputbox__tick.o-inputbox__tick--circle
span.flex-auto.block
slot
span.o-inputbox__text(v-html="label")
```jsx
```