Card

A content container with an optional header and footer. Cards automatically receive the m-card-default style class, giving them a white background, border, rounded corners, and a subtle shadow — no extra class needed.

Basic Card

A card with just body content.

This is the card body. Any HTML can go here.

<?= $m->card('basicCard')
    ->content('<p>This is the card body.</p>') ?>

Card with Title

Use ->title() to add a styled header section.

Card Title

Card body with a title above it.

<?= $m->card('titleCard')
    ->title('Card Title')
    ->content('<p>Card body with a title above it.</p>') ?>

Card with Title, Subtitle & Footer

Combine ->title(), ->subtitle(), and ->footer() for a fully-structured card.

Full Card Example

A supporting subtitle line

Main content area. Add any HTML here — forms, lists, text, components.

Last updated today

<?= $m->card('fullCard')
    ->title('Full Card Example')
    ->subtitle('A supporting subtitle line')
    ->content('<p>Main content area.</p>')
    ->footer('<small>Last updated today</small>') ?>

Title with Icon

->title() accepts trusted HTML, so you can embed FA icons directly.

Analytics

Body content here.

<?= $m->card('iconCard')
    ->title('<i class="fas fa-chart-bar" aria-hidden="true"></i> Analytics')
    ->content('<p>Body content here.</p>') ?>

Section Headers

Use ->sectionHeader() to add divider rows with an optional "View all" link before the card body. Call multiple times to add multiple sections.

Recent ActivityView all

Section content goes here.

<?= $m->card('sectionCard')
    ->sectionHeader('Recent Activity', '/activity', 'View all')
    ->content('<p>Section content here.</p>') ?>

Custom Classes

Extra classes can be added via ->addClass(). The m-card-default style is always present; your class adds on top of it.

Custom Styled Card

Body with a custom accent class applied.

<?= $m->card('customCard')
    ->title('Custom Styled Card')
    ->content('<p>Body content.')
    ->addClass('my-custom-card') ?>

/* Override specific card elements */
.my-custom-card .m-card-header {
    border-top: 3px solid #118AB2;
}

PHP PHP Methods (Fluent)

Method / Property	Parameters	Description
`$m->card($id)`	`string`	Create a card component. Automatically applies `m-card` and `m-card-default`.
`->title($html)`	`string`	Set the card header title (trusted HTML, renders inside `.m-card-header`).
`->subtitle($html)`	`string`	Set a subtitle shown below the title.
`->content($html)`	`string`	Set the card body HTML.
`->footer($html)`	`string`	Set the card footer HTML.
`->sectionHeader($title, $linkUrl, $linkText)`	`string, ?string, string`	Add a section-header divider before the body, with an optional link. `$linkText` defaults to `'View all'`. Call multiple times.
`->addClass($class)`	`string`	Append additional CSS class(es) to the card element.
`->attr($name, $value)`	`string, string`	Set an arbitrary HTML attribute on the card element.