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
Ipsum provident et nostrum perferendis dolorem. Aut repellat qui dolorem illo ut quibusdam a ipsam. Eaque aut sint rerum officia necessitatibus veniam molestiae.
Rem perferendis distinctio est.
ID: | 1 |
---|---|
Author: | Jeanie Hartmann |
# 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>
new
Voluptatum tempore ab nisi fuga.
29.04.2024
ID: | 1 |
---|---|
Author: | Dan Feeney |