div.x4-icon(
:class="classObject")
div.x4-header(
@click.stop="toggle")
UIIcon.x4-expand.x4-transition(
icon="chevron_right"
:size="24")
UILabel.x4-label(
:label="labelHeader")
UISlidedown.x4-controls(
:opened="expanded")
div.x4-controls-inside(
key="inside")
UIRadioButtons(
:value="type"
:options="types"
@change="typeChange")
div.x4-material(
v-if="type === 'material'")
UIInput(
icon="info"
:value="icon"
:label="labelIconField"
:error="errorIconField"
@keydown.native.stop
@keyup.native.stop
@change="iconChange")
div.x4-hint
UILabel(
:label="labelHint")
a(
target="_blank"
href="https://material.io/tools/icons/?style=baseline")
UILabel(
:label="labelHintLink")