Card

<sw-card>

ready
A card is a flexible and extensible content container.

Usage

Loading...
<sw-card title="Test title">
    Your content
</sw-card>

Component properties

Property name Type Default
title String
hero Boolean false
isLoading Boolean false
large Boolean false

Imports

  • ./sw-card.html.twig
  • ./sw-card.scss

Twig blocks

  • sw_card_title
  • sw_card_slot_toolbar
  • sw_card_toolbar_inner
  • sw_card_toolbar
  • sw_card_slot_default
  • sw_card_slot_grid
  • sw_card_slot_footer
  • sw_card_loader
  • sw_card_content
  • sw_card

Slots

  • title
  • tabs
  • toolbar
  • default
  • grid
  • footer