All files / lib/components media.vue

58.33% Statements 7/12
50% Branches 3/6
75% Functions 3/4
58.33% Lines 7/12
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 3418x 18x 18x   18x 18x                     18x     18x                            
<template>
    <div class="media">
    I    <div :class="['d-flex','mr-3',verticalAlignClass]"  v-if="!rightAlign">
            <slot name="aside"></slot>
        </dEiv>
        <div class="media-body">
            <slot></slot>
        </div>
        <div :class="['d-flex','ml-3',verticalAlignClass]" v-if="rightAlign">
            <slot name="aside"></slot>
        </div>
    </div>
</template>
 
<script>
    export default {
        computed: {
            verticalAlignClass() {
                return `align-self-${this.verticalAlign}`;
            }
        },
        props: {
            rightAlign: {
                type: Boolean,
                default: false
            },
            verticalAlign: {
                type: String,
                default: 'top'
            }
        }
    };
</script>