Divider ​

<template>
  <p>A design is a plan or specification for the construction of an object.</p>
  <tu-divider />
  <p>A design is a plan or specification for the construction of an object.</p>
</template>

<style scoped>
p {
  line-height: 1;
}
</style>

<template>
  <p>A design is a plan or specification for the construction of an object.</p>
  <tu-divider />
  <p>A design is a plan or specification for the construction of an object.</p>
</template>

<style scoped>
p {
  line-height: 1;
}
</style>

<template>
  <p>A design is a plan or specification for the construction of an object.</p>
  <tu-divider orientation="left">left</tu-divider>
  <p>A design is a plan or specification for the construction of an object.</p>
  <tu-divider orientation="center">middle</tu-divider>
  <p>A design is a plan or specification for the construction of an object.</p>
  <tu-divider orientation="right">right</tu-divider>
</template>

<style scoped>
p {
  line-height: 1;
}
</style>

<template>
  <p>A design is a plan or specification for the construction of an object.</p>
  <tu-divider orientation="left">left</tu-divider>
  <p>A design is a plan or specification for the construction of an object.</p>
  <tu-divider orientation="center">middle</tu-divider>
  <p>A design is a plan or specification for the construction of an object.</p>
  <tu-divider orientation="right">right</tu-divider>
</template>

<style scoped>
p {
  line-height: 1;
}
</style>

<template>
  <span>Rain</span>
  <tu-divider direction="vertical" />
  <span>Home</span>
  <tu-divider direction="vertical" />
  <span>Grass</span>
</template>

<style scoped>
span {
  font-size: 14px;
}
</style>

<template>
  <span>Rain</span>
  <tu-divider direction="vertical" />
  <span>Home</span>
  <tu-divider direction="vertical" />
  <span>Grass</span>
</template>

<style scoped>
span {
  font-size: 14px;
}
</style>