sling-web-component-card

Install

npm install sling-web-component-card

Tag

  <sling-card></sling-card>

Dependencies

• sling-framework
• sling-helpers

Attributes and properties

Name	Type	Default Values	ReflectToAttribute	Observer	callSdk
backgroundheader	Boolean	false	✔️
nopadding	Boolean	false	✔️
nopaddingheader	Boolean	false	✔️
nopaddingbody	Boolean	false	✔️
nopaddingfooter	Boolean	false	✔️
nodivisors	Boolean	false	✔️

Description

Name	Description
backgroundheader	Define the background CSS property of the header.
nopadding	Defines whether the card's header, body and footer will have padding.
nopaddingheader	Defines whether the card's header will have padding.
nopaddingbody	Defines whether the card's body will have padding.
nopaddingfooter	Defines whether the card's footer will have padding.
nodivisors	Sets whether the card will have lines between header, body and footer.

Events

This component have no events.

Usage

All content that is used inside the tag automatically goes to the body of the card in case you need to use header or footer. use the slot tag to direct the content.

<sling-card>
  <span slot="header">Header</span>
  <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
    magna aliqua.
  </div>
  <span slot="footer">Footer</span>
</sling-card>