UI Components

Separator

Cyber Week Mega Offer!

Huge discounts on all Hostinger plans

Use our referral link for an extra 20% off!

Claim Your Discount Now

# Basic usage

PHP

Laravel

Livewire

<ul class="flex flex-col w-full sm:w-1/2">
    <li>PHP</li>
    <x-separator />
    <li>Laravel</li>
    <x-separator />
    <li>Livewire</li>
</ul>

# Customization

PHP

Laravel

Livewire

<ul class="flex flex-col w-full sm:w-1/2">
    <li>PHP</li>
    <x-separator class="my-3 h-0.5 bg-primary dark:bg-primary" />
    <li>Laravel</li>
    <x-separator class="my-3 h-0.5 bg-primary dark:bg-primary" />
    <li>Livewire</li>
</ul>

Code highlighting powered by Torchlight