Zzyzx - Mojave Front End Documentation

Description

The Action Card Events component is a specialized version of the Action Card Frame, designed specifically for displaying event-related content. It includes a predefined header with an "Events" title and calendar-plus icon, a centralized content area, and a customizable footer.

Parameters

Name	Type	Default	Description
slot	slot		Main content to be displayed in the body of the card. This content will be centered and have a gap between elements.
footer	slot		Content to be displayed in the footer section of the card.
attributes	array	[]	Additional HTML attributes to be applied to the card container.

Example

Events

Interview with Jennifer Winford - Hiring manager

Date

Tuesday, November 5, 2024

Location

Kristoff Health
4741 SE Hawthorne Blvd
Portland, OR 97215
(503) 233 1286

<x-uxlibrary.cards.action-card-events>
    <div class="flex flex-col gap-4">
        <div>Interview with Jennifer Winford - Hiring manager</div>
        <div class="flex flex-col gap-2 text-sm">
            <div class="font-medium">Date</div>
            <div>Tuesday, November 5, 2024</div>
        </div>
    </div>
</x-uxlibrary.cards.action-card-events>