Change the shape using rounded-* classes
Use.separator
<div class="separator"></div>
<div class="separator-full"></div>
<div class="separator separator-light"></div>
Use.v-separator
<div class="h-80p">
<div class="v-separator-full"></div>
</div>
<div class="h-80p">
<div class="v-separator"></div>
</div>;
Change the thickness of a hr using hr-*
.
<hr class="mb-3">
<hr class="hr-2 mb-3">
<hr class="hr-3 mb-3">
<hr class="bg-primary">
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 |