BlatUI

Components

Item

A flexible component for displaying content with media, title, and actions.

php artisan blatui:add item
Notifications

You have 3 unread messages.

<div class="flex w-full max-w-md flex-col gap-6">
    <x-ui.item variant="outline">
        <x-ui.item-media variant="icon">
            <x-lucide-bell-ring />
        </x-ui.item-media>
        <x-ui.item-content>
            <x-ui.item-title>Notifications</x-ui.item-title>
            <x-ui.item-description>You have 3 unread messages.</x-ui.item-description>
        </x-ui.item-content>
        <x-ui.item-actions>
            <x-ui.button variant="outline" size="sm">View</x-ui.button>
        </x-ui.item-actions>
    </x-ui.item>
</div>