Portal UI

Separator

Visually or semantically separates content.

<x-portal::separator/>

Publishing Component

If you want to customize the components, you can publish them by running the following command :

php artisan vendor:publish --tag=portal-ui:separator --force


With Text

or
<x-portal::separator text="or"/>


Vertical

<div class="flex h-5 items-center space-x-4">
    <x-portal::label>Blog</x-portal::label>
    <x-portal::separator orientation="vertical" />
    <x-portal::label>Docs</x-portal::label>
    <x-portal::separator orientation="vertical" />
    <x-portal::label>Source</x-portal::label>
</div>