Duskmoon UI · Storybook

Card dm_card

## Overview Card component for grouping content. Uses Core CSS with title and action slots. ## Usage ```elixir <.dm_card> <:title>Card Title</:title> Card content goes here. <:action><.dm_btn variant="primary">Action</.dm_btn></:action> </.dm_card> ```

Basic Card

Simple Card

This is a basic card with a title and content.

Card with Action

This card includes an action button in the footer.

Learn More

Variants

Compact

A compact card with reduced padding.

Bordered

A card with visible border.

Glass

A card with glass morphism effect.

Shadow Levels

Small Shadow

shadow="sm"

Medium Shadow

shadow="md"

XL Shadow

shadow="xl"