@extends('layouts.syndron.app')

@section('content')
<x-syndron.breadcrumb title="Components">
    <x-syndron.breadcrumb-item url="javascript:;">
        <i class="bx bx-home-alt"></i>
    </x-syndron.breadcrumb-item>

    <x-syndron.breadcrumb-item active>
        Cards
    </x-syndron.breadcrumb-item>

    <x-slot name="actions">
        <x-syndron.page-action label="Settings">
            <a class="dropdown-item" href="javascript:;">Action</a>
            <a class="dropdown-item" href="javascript:;">Another action</a>
            <a class="dropdown-item" href="javascript:;">Something else here</a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="javascript:;">Separated link</a>
        </x-syndron.page-action>
    </x-slot>
</x-syndron.breadcrumb>

@endsection