Card Section

<sw-card-section>

ready
A container component which separates the content of sw-card into multiple sections.

Usage

Loading...
<sw-card title="Split card view" large>
    <sw-container columns="1fr 1fr">
        <sw-card-section divider="right">
            bar
        </sw-card-section>
        <sw-card-section>
            foo
        </sw-card-section>
    </sw-container>
</sw-card>

Component properties

Property name Type Default
divider String
secondary Boolean false
slim Boolean false

Imports

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

Twig blocks

  • sw_card_section

Slots

  • default