Back to documentation

distortedfusion/laravel-tailwind-layout

Laravel Tailwind Layout

List Groups

List information in an organized manner or refer to a different source.

Last Activity

2 months ago

Availability

Available
<x-list-group>
    <x-list-group.item>
        <x-slot:title>
            Last Activity
        </x-slot:title>
        2 months ago
    </x-list-group.item>
    <x-list-group.item>
        <x-slot:title>
            Availability
        </x-slot:title>
        Available
    </x-list-group.item>
</x-list-group>

Last Activity

2 months ago

Availability

Available
<x-list-group flush>
    <x-list-group.item>
        <x-slot:title>
            Last Activity
        </x-slot:title>
        2 months ago
    </x-list-group.item>
    <x-list-group.item>
        <x-slot:title>
            Availability
        </x-slot:title>
        Available
    </x-list-group.item>
</x-list-group>

Link items

<x-list-group>
    <x-list-group.item-link href="#">
        <x-slot:title>
            Distorted Fusion
        </x-slot:title>
        https://distortedfusion.com
    </x-list-group.item-link>
    <x-list-group.item-link href="#">
        <x-slot:title>
            DevNomads
        </x-slot:title>
        https://devnomads.nl
    </x-list-group.item-link>
</x-list-group>

Button items

<x-list-group>
    <x-list-group.item-button>
        <x-slot:title>
            Distorted Fusion
        </x-slot:title>
        https://distortedfusion.com
    </x-list-group.item-button>
    <x-list-group.item-button>
        <x-slot:title>
            DevNomads
        </x-slot:title>
        https://devnomads.nl
    </x-list-group.item>
</x-list-group>

Interested in what we can do for your business?

Get in touch
Flushing, The Netherlands contact@distortedfusion.com
Chamber Of Commerce
74088041
VAT
NL002267401B33
GitHub
Twitter
LinkedIn

//
distortedfusion/laravel-tailwind-layout

Copyright © 2024 Distorted Fusion - All rights reserved.