Card

Cards are used to group and display content in a way that is easily readable.

Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nullam nec turpis ac libero ultricies fermentum.


/* card-example.blade.php */

<x-card>
<x-title as="h4" size="lg" class="mb-3" content="Card Title" />
<x-text size="sm" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
<x-text size="sm" content="Nullam nec turpis ac libero ultricies fermentum." />
</x-card>

Component API

Prop Description Values
as Change the element tag of the component any
size Change the font size of the component Dependant on theme
color Change the color of the component Dependant on theme