Card

Displays a card with header, content, and footer.

Create project

Deploy your new project in one-click.

Component Code 
<april:card class="md:w-[350px]">
    <slot:title class="mt-0">Create project</slot:title>
    <slot:description>Deploy your new project in one-click.</slot:description>
    <slot:content>
        <form>
            <div class="grid w-full items-center gap-4">
                <div class="flex flex-col space-y-1.5">
                    <april:label for="name">Name</april:label>
                    <april:input id="name" label="Name" placeholder="Name of your project" />
                </div>
                <div class="flex flex-col space-y-1.5">
                    <april:label for="library">Library</april:label>
                    <april:select id="library" label="Library">
                        <option>April UI</option>
                        <option>Filament PHP</option>
                        <option>Mary UI</option>
                        <option>Pines UI</option>
                    </april:select>
                </div>
            </div>
        </form>
    </slot:content>
    <slot:footer class="flex justify-between">
        <april:button variant="outline">Cancel</april:button>
        <april:button>Deploy</april:button>
    </slot:footer>
</april:card>

Heading level

The title renders as an h2, one level under the page heading. A reader who moves by heading needs the levels to step down one at a time. Set level when the card sits inside a section that already holds a heading.

<april:card level="3">
    <slot:title>Billing</slot:title>
    <slot:content>Your plan renews monthly.</slot:content>
</april:card>

Props

Prop Type Default Description
level integer 2 The heading level the title renders as. Accepts 1 to 6.

Publishing Views

Use the following command to publish this view:

php artisan april:publish card
April UI keeps package views in `vendor/` by default. The command uses Laravel's vendor publishing system and copies overrides to `resources/views/vendor/april/components`. To publish all components, run: 
php artisan april:publish --all
Review local overrides after an upgrade with `php artisan april:update --diff`.