<template>
  <div class="demo-divider-basic">
    1.接下来将出现分割线
    <ui-divider></ui-divider>
    <ui-divider :text="'2.我是分割线'"></ui-divider>
    <ui-divider
      :text="'3.左边文本分割线'"
      :orientation="'left'"></ui-divider>
    <ui-divider
      :text="'4.右边文本分割线'"
      :orientation="'right'"></ui-divider>
    <ui-divider
      :text="'5.我是dashed分割线'"
      :dashed="'dashed'"></ui-divider>
    6.垂直分割线
    <ui-divider type="vertical"></ui-divider>
    <a href="#">
      Link
    </a>
    <ui-divider type="vertical"></ui-divider>
    <a href="#">
      Link
    </a>
  </div>
</template>

<script>
import { Divider } from "amumu-ui"
export default {
  components: {
    "ui-divider": Divider,
  },
}
</script>

<style lang="scss">
.demo-divider-basic {
  width: 200px;
}
</style>
