Card
Вы просматриваете документацию старой версии MoonShine. Рассмотрите возможность обновления вашего проекта до MoonShine 2.x.
-
Разделы
# Основы
Для создания карточек в админ-панели используется компонент 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 href="#">Read more</x-moonshine::link> </x-slot:actions></x-moonshine::card>
new
Cum ullam non vel sapiente vero aut esse omnis. Qui quas facilis nam dignissimos. Debitis porro eum aliquam placeat nihil voluptas nam. Atque iure consequatur et optio tempore ut.
Facere omnis mollitia.
| ID: | 1 |
|---|---|
| Author: | Dr. Marian Mayer |
# 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 href="#">Read more</x-moonshine::link> </x-slot:actions></x-moonshine::card>
| ID: | 1 |
|---|---|
| Author: | Maurine O'Connell |