Support CoreUI Development
CoreUI is an MIT-licensed open source project and is completely free to use. However, the amount of effort needed to maintain and develop new features for the project is not sustainable without proper financial backing.
You can support our Open Source software development in the following ways:
Use the custom vertical rule helper to create vertical dividers like the
How it works
Vertical rules are inspired by the
<hr> element, allowing you to create vertical dividers in common layouts. They’re styled just like
- They have
- Their color is set via
Customize them with additional styles as needed.
Vertical rules scale their height in flex layouts:
<div class="d-flex" style="height: 200px;"> <div class="vr"></div> </div>
They can also be used in stacks:
<div class="hstack gap-3"> <div class="bg-light border">First item</div> <div class="bg-light border ms-auto">Second item</div> <div class="vr"></div> <div class="bg-light border">Third item</div> </div>