button.php
2 years ago
checkbox.php
2 years ago
collapse.php
2 years ago
colorpicker.php
2 years ago
component-wrapper.php
2 years ago
dimensions.php
2 years ago
f-select.php
2 years ago
fselect.php
2 years ago
iconpicker.php
2 years ago
input.php
2 years ago
list-table-heading.php
2 years ago
list-table-item.php
2 years ago
list-table.php
2 years ago
notice.php
2 years ago
pagination.php
2 years ago
popup.php
2 years ago
radio.php
2 years ago
repeater-item.php
2 years ago
repeater.php
2 years ago
select.php
2 years ago
switcher.php
2 years ago
tabs-panel.php
2 years ago
tabs.php
2 years ago
textarea.php
2 years ago
time.php
2 years ago
title.php
2 years ago
wp-media.php
2 years ago
popup.php
38 lines
| 1 | <div class="cx-vui-popup" v-if="value"> |
| 2 | <div |
| 3 | class="cx-vui-popup__overlay" |
| 4 | v-if="overlay" |
| 5 | @click="handleCancel" |
| 6 | ></div> |
| 7 | <div |
| 8 | class="cx-vui-popup__body" |
| 9 | :style="'width:' + bodyWidth" |
| 10 | > |
| 11 | <div |
| 12 | class="cx-vui-popup__close" |
| 13 | v-if="close" |
| 14 | @click="handleCancel" |
| 15 | > |
| 16 | <svg width="20" height="20" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.00671L8.00671 7L12 10.9933L10.9933 12L7 8.00671L3.00671 12L2 10.9933L5.99329 7L2 3.00671L3.00671 2L7 5.99329L10.9933 2L12 3.00671Z"/></svg> |
| 17 | </div> |
| 18 | <div class="cx-vui-popup__header" v-if="header"> |
| 19 | <slot name="title"></slot> |
| 20 | </div> |
| 21 | <div class="cx-vui-popup__content"> |
| 22 | <slot name="content"></slot> |
| 23 | </div> |
| 24 | <div class="cx-vui-popup__footer" v-if="footer"> |
| 25 | <cx-vui-button |
| 26 | :button-style="'accent'" |
| 27 | :size="'mini'" |
| 28 | @click="handleOk" |
| 29 | v-if="showOk" |
| 30 | ><span slot="label">{{ okLabel }}</span></cx-vui-button> |
| 31 | <cx-vui-button |
| 32 | :size="'mini'" |
| 33 | @click="handleCancel" |
| 34 | v-if="showCancel" |
| 35 | ><span slot="label">{{ cancelLabel }}</span></cx-vui-button> |
| 36 | </div> |
| 37 | </div> |
| 38 | </div> |