View Source SaladUI.Card (SaladUI v1.0.0-beta.3)
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 tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Renders the main content area of the card.
Attributes
class
(:string
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Renders a card description within the header section.
Attributes
class
(:string
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Renders a card header section for title and description.
Attributes
class
(:string
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)
Renders a card title within the header section.
Attributes
class
(:string
) - Defaults tonil
.- Global attributes are accepted.
Slots
inner_block
(required)