<div class="basic-documentation"></div>
<section class="splitter splitter_bg-color_white splitter_padding_top_large splitter_padding_bottom_large ">
<div class="container">
<div class="splitter__wrapper">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
<div class="basic-documentation">
<div class="row between-xs middle-xs">
<div class="col-xs-11 col-ms-7 col-sm-8 col-lg-6 col basic-documentation__content">
<section class="splitter ">
<div class="container">
<div class="splitter__wrapper">
<div class="row">
</div>
</div>
</div>
</section>
</div>
<div class="col-xs-11 col-ms-4 col-sm-3 col-lg-3 col basic-documentation_selector">
<div class="form-select " id="headline">
<div class="field-top form-list__tooltip-label_default">
<label class="label-m" for="">Titulares</label>
<div class="field-top__wrap">
</div>
</div>
<div class="access-select ">
<div class="access-select__chosen">
<input class="access-select__chosen-option_hidden" value="" type="hidden">
<div class="access-select__option access-select__chosen-option">Titular 1</div>
<div class="access-select__chosen-icon">
<svg class="icon icon-chebron-down ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#chebron-down"></use>
</svg>
</div>
</div>
<ul class="access-select__list">
<li class="access-select__item">
<input class="access-select__option access-select__input" id="headline1" type="radio" title="Titular 1" name="headline" value="">
<label class="access-select__option access-select__label" for="headline1">
Titular 1
</label>
</li>
<li class="access-select__item">
<input class="access-select__option access-select__input" id="headline2" type="radio" title="Titular 2" name="headline" value="">
<label class="access-select__option access-select__label" for="headline2">
Titular 2
</label>
</li>
</ul>
</div>
<div class="field-bottom">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="basic-documentation"></div>
{{#extend '@splitter' splitter }}
{{#content 'content-first-column'}}
<div class="basic-documentation" {{#if hasID}}id="{{idComponent}}"{{/if}}>
<div class="row between-xs middle-xs">
<div class="col-xs-11 col-ms-7 col-sm-8 col-lg-6 col basic-documentation__content">
{{> @menu-tab basicDocumentation}}
</div>
<div class="col-xs-11 col-ms-4 col-sm-3 col-lg-3 col basic-documentation_selector">
{{> '@form-select' headline}}
</div>
</div>
</div>
{{/content}}
{{/extend}}
{
"splitter": {
"oneColumn": true,
"bgColorWhite": true,
"paddingTopLarge": true,
"paddingBottomLarge": true
},
"basicDocumentation": {
"type": "hug-start",
"isSwiper": true,
"menuTab": [
{
"idItem": "tab-1",
"isSwiper": true,
"hasIcon": false,
"state": "active",
"labelCta": {
"type": "-call to action",
"text": "Solicitud"
}
},
{
"idItem": "tab-2",
"isSwiper": true,
"hasIcon": false,
"state": "",
"labelCta": {
"type": "-call to action",
"text": "Estudio"
}
},
{
"idItem": "tab-3",
"isSwiper": true,
"hasIcon": false,
"state": "disabled",
"labelCta": {
"type": "-call to action",
"text": "Pre-contrato"
}
},
{
"idItem": "tab-4",
"isSwiper": true,
"hasIcon": false,
"state": "disabled",
"labelCta": {
"type": "-call to action",
"text": "Firma"
}
}
]
},
"headline": {
"field-top": {
"label": {
"text": "Titulares"
}
},
"id": "headline",
"select": {
"chosen-placeholder": "Titular 1",
"option": [
{
"id": "headline1",
"select-name": "headline",
"text": "Titular 1"
},
{
"id": "headline2",
"select-name": "headline",
"text": "Titular 2"
}
]
}
}
}
.basic-documentation {
&__content {
@media (--viewport-xs-max) {
margin-bottom:30px;
}
}
&__selector {
}
}
No notes defined.