iview/examples/routers/divider.vue

<template>
    <Row :gutter="16">
        <i-col span="12">
            <Card title="horizontal divider">
                <div>
                    <p>
                        iView is a set of UI components and widgets built on Vue.js.
                        iView is a set of UI components and widgets built on Vue.js.
                        iView is a set of UI components and widgets built on Vue.js.
                    </p>

                    <Divider/>

                    <p>
                        iView is a set of UI components and widgets built on Vue.js.
                        iView is a set of UI components and widgets built on Vue.js.
                        iView is a set of UI components and widgets built on Vue.js.
                    </p>

                    <Divider size="small">iView</Divider>

                    <p>
                        iView is a set of UI components and widgets built on Vue.js.
                        iView is a set of UI components and widgets built on Vue.js.
                        iView is a set of UI components and widgets built on Vue.js.
                    </p>

                    <Divider dashed>iView Developer</Divider>
                    <p>
                        iView is a set of UI components and widgets built on Vue.js.
                        iView is a set of UI components and widgets built on Vue.js.
                        iView is a set of UI components and widgets built on Vue.js.
                    </p>
                    <Divider dashed orientation="left" size="small">iView Developer</Divider>
                    <p>
                        iView is a set of UI components and widgets built on Vue.js.
                        iView is a set of UI components and widgets built on Vue.js.
                        iView is a set of UI components and widgets built on Vue.js.
                    </p>
                    <Divider dashed orientation="right">iView Developer</Divider>
                    <p>
                        iView is a set of UI components and widgets built on Vue.js.
                        iView is a set of UI components and widgets built on Vue.js.
                        iView is a set of UI components and widgets built on Vue.js.
                    </p>

                    <Divider dashed/>

                    <p>
                        iView is a set of UI components and widgets built on Vue.js.
                        iView is a set of UI components and widgets built on Vue.js.
                        iView is a set of UI components and widgets built on Vue.js.
                    </p>

                    <Divider orientation="left">iView</Divider>

                    <p>
                        iView is a set of UI components and widgets built on Vue.js.
                        iView is a set of UI components and widgets built on Vue.js.
                        iView is a set of UI components and widgets built on Vue.js.
                    </p>

                    <Divider orientation="right">iView</Divider>

                    <p>
                        iView is a set of UI components and widgets built on Vue.js.
                        iView is a set of UI components and widgets built on Vue.js.
                        iView is a set of UI components and widgets built on Vue.js.
                    </p>

                </div>
            </Card>
        </i-col>
        <i-col span="12">
            <Card title="vertical divider">
                <div>
                    iView
                    <Divider type="vertical" />
                    <a href="#">Components</a>
                    <Divider type="vertical" />
                    <a href="#">Divider</a>
                    <Divider type="vertical" dashed />
                    <a href="#">ABCDE</a>
                </div>
            </Card>
        </i-col>
    </Row>
</template>

<script>
    export default {}
</script>

<style>

</style>