Card

# Основы

Для создания карточек в админ-панели используется компонент moonshine::card.

<x-moonshine::card
url="#"
thumbnail="/images/image_1.jpg"
:title="fake()->sentence(3)"
:subtitle="date('d.m.Y')"
:values="['ID' => 1, 'Author' => fake()->name()]"
>
<x-slot:header>
<x-moonshine::badge color="green">new</x-moonshine::badge>
</x-slot:header>
 
{{ fake()->text() }}
 
<x-slot:actions>
<x-moonshine::link-button href="#">Read more</x-moonshine::link-button>
</x-slot:actions>
</x-moonshine::card>
Et dolores mollitia et.
new

Et dolores mollitia et.

13.04.2024
ID: 1
Author: Lilla Schmitt
Quia non debitis dolor ipsa. Quia rerum at nobis consequatur natus. Eum ut occaecati ipsa quidem est. Porro aut ut tempore non.

# Overlay режим

Для карточки доступен режим overlay.

<x-moonshine::card
url="#"
:overlay="true"
thumbnail="/images/image_1.jpg"
:title="fake()->sentence(3)"
:subtitle="date('d.m.Y')"
:values="['ID' => 1, 'Author' => fake()->name()]"
>
<x-slot:header>
<x-moonshine::badge color="green">new</x-moonshine::badge>
</x-slot:header>
 
{{ fake()->text() }}
 
<x-slot:actions>
<x-moonshine::link-button href="#">Read more</x-moonshine::link-button>
</x-slot:actions>
</x-moonshine::card>
new Esse ratione architecto.
ID: 1
Author: Prof. Glen Blick MD
Tempore reiciendis dolores facere sequi quos harum qui. Quam voluptas rem dolorum saepe sit. Cumque voluptatem fugiat eligendi dolor autem ratione molestiae.