Line data Source code
1 1 : <template lang="pug"> 2 73 : .input-group.input-group-sm.b-clickable.x-badge-button 3 73 : .input-group-prepend 4 73 : button.text-monospace.btn(type='button' :class='buttonClass') 5 73 : | {{ type }} 6 : span.x-badge.form-control.text-truncate.right.text-monospace.b-clickable.shadow-none(type='text' readonly='true' tabindex='-1' 7 : v-for='value, name in badges' 8 : :class='badgeClass' :value='value' :title='`${name}: ${value}`') {{ value }} 9 : slot(name='default' v-bind='{ ...$props, buttonClass, badgeClass }') 10 : </template> 11 : <script src='./BadgeButton.vue.js' /> 12 : <style lang='scss'> 13 : .x-badge-button { 14 : .x-badge:last-child { 15 : border-top-right-radius: 0.25rem !important; 16 : border-bottom-right-radius: 0.25rem !important; 17 : } 18 : } 19 : </style>