PhoenixDuskmoon.Component.Card (PhoenixDuskmoon v7.2.1)

Duskmoon UI Card Component

Summary

Functions

dm_async_card(assigns)

Renders a card with async value.

dm_card(assigns)

Generates card

Functions

dm_async_card(assigns)

Renders a card with async value.

Examples

<.dm_async_card :let={data} assign={@data}>
</.dm_async_card>

Attributes

id (:any) - Defaults to nil.
class (:any) - Defaults to "".
body_class (:any) - Defaults to "".
skeleton_class (:any) - Defaults to "".
assign (:any) - Defaults to nil.
variant (:string) - card layout variant (compact, side, bordered, glass). Defaults to nil.
shadow (:string) - card shadow size (none, sm, md, lg, xl, 2xl). Defaults to nil.
image (:string) - card image URL. Defaults to nil.
image_alt (:string) - card image alt text. Defaults to "".

Slots

inner_block (required)
title - Render a card title. Accepts attributes:
- id (:any) - title id.
- class (:any) - title class.
action - Render a card action. Accepts attributes:
- id (:any) - action id.
- class (:any) - action class.

dm_card(assigns)

Generates card

Example

<.dm_card>
  <:title>
  Star Wars
  </:title>
  Star Wars is an American epic space opera multimedia
  franchise created by George Lucas,
  which began with the eponymous 1977 film and
  quickly became a worldwide pop-culture phenomenon.
</.dm_card>

Attributes

id (:any) - html attribute id. Defaults to false.
class (:any) - html attribute class. Defaults to "".
body_class (:any) - card body attribute class. Defaults to "".
variant (:string) - card layout variant (compact, side, bordered, glass). Defaults to nil.
shadow (:string) - card shadow size (none, sm, md, lg, xl, 2xl). Defaults to nil.
image (:string) - card image URL. Defaults to nil.
image_alt (:string) - card image alt text. Defaults to "".

Slots

title - Render a card title. Accepts attributes:
- id (:any) - title id.
- class (:any) - title class.
action - Render a card action. Accepts attributes:
- id (:any) - action id.
- class (:any) - action class.