Separator
Visually or semantically separates content.
Usage
Basic
HarmonyUI
An open-source UI component library.
Blog
Docs
Source
<div class="flex items-center justify-center p-8"> <div> <div class="space-y-1"> <h4 class="text-sm leading-none font-medium">HarmonyUI</h4> <p class="text-muted-foreground text-sm"> An open-source UI component library. </p> </div> <twig:ui:Separator class="my-4"/> <div class="flex h-5 items-center space-x-4 text-sm"> <div>Blog</div> <twig:ui:Separator orientation="vertical"/> <div>Docs</div> <twig:ui:Separator orientation="vertical"/> <div>Source</div> </div> </div> </div>