Use the custom vertical rule helper to create vertical dividers like the Vr component.
Vertical rules are inspired by the Vr
component, allowing you to create vertical dividers in common layouts. They're styled just like Vr
component:
1px
wide min-height
of 1em
currentColor
and opacity
Customize them with additional styles as needed.
Vertical rules scale their height in flex layouts:
They can also be used in stacks :