digitalbiblesociety/dbp

<template>
    <ul :class="classObject" role="tablist">
        <slot></slot>
    </ul>
</template>

<script>
    export default {
        props: {
            alignment: {
                type: String,
                default: ''
            }
        },

        computed: {
            classObject () {
                const { alignment } = this
                return {
                    'tab-list': true,
                    'is-flex': true,
                    [`is-${alignment}`]: alignment
                }
            }
        }
    }
</script>