Seperators
Change the shape using rounded-* classes
Line Seperators
Use.separator
<template>
<div class="separator"></div>
<div class="separator-full"></div>
<div class="separator separator-light"></div>
</template>
Vertical Seperators
Use.v-separator
<template>
<div class="h-80p">
<div class="v-separator-full" />
</div>
<div class="h-80p">
<div class="v-separator" />
</div>
</template>
HR
Change the thickness of a hr using hr-*.
<template>
<hr class="mb-3">
<hr class="hr-2 mb-3">
<hr class="hr-3 mb-3">
<hr class="bg-primary">
</template>
| Class | Values |
|---|---|
class="hr-[value]" |
2 / 3 |
class="bg-[value]" |
primary / success / warning / danger / info / light / dark / red / green / pink / purple / violet / indigo / blue / sky / cyan / teal / neon / lime / sun / yellow / orange / pumpkin / brown / grey / gold / smoke |