@inkline/inkline/src/components/ILayout/script.ts

Inkline is the Vue.js UI/UX Library built for creating your next design system

import { defineComponent } from 'vue';
import { Classes } from '@inkline/inkline/types';

/**
 * Slot for default layout content
 * @name default
 * @kind slot
 */

const componentName = 'ILayout';

export default defineComponent({
    name: componentName,
    props: {
        /**
         * Display the layout on a vertical orientation
         * @type Boolean
         * @default false
         * @name vertical
         */
        vertical: {
            type: Boolean,
            default: false
        }
    },
    computed: {
        classes (): Classes {
            return { '-vertical': this.vertical };
        }
    }
});