View Source SaladUI.Card (SaladUI v1.0.0-beta.1)

Card components for containing content and actions.

Cards provide a flexible container for displaying content with support for headers, footers, and various content layouts. They organize information and actions consistently.

Summary

Functions

Renders a card container.

Renders the main content area of the card.

Renders a card description within the header section.

Renders a footer section for the card, typically containing actions.

Renders a card header section for title and description.

Renders a card title within the header section.

Functions

Renders a card container.

Examples:

<.card>
  <.card_header>
    <.card_title>Account Settings</.card_title>
    <.card_description>Manage your account settings.</.card_description>
  </.card_header>
  <.card_content>
    <p>Your account details and preferences.</p>
  </.card_content>
  <.card_footer>
    <.button variant="outline">Cancel</.button>
    <.button>Save</.button>
  </.card_footer>
</.card>

Attributes

  • class (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)

Renders the main content area of the card.

Attributes

  • class (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)
Link to this function

card_description(assigns)

View Source

Renders a card description within the header section.

Attributes

  • class (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)

Renders a footer section for the card, typically containing actions.

Attributes

  • class (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)

Renders a card header section for title and description.

Attributes

  • class (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)

Renders a card title within the header section.

Attributes

  • class (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block (required)