component.Card

component.Card

extends: [[component.Component|component.Component]]

A representation of a card. To use this, create a pb-c-card element with two child elements:

• One must have a pb-front class. This is the front face of the card.
• One must have a pb-back class. This is the back face of the card.

By default, the card starts by showing its back. If you want to make it start by showing the front face, add pb-showfront="true" to the pb-c-card.

<!-- Example: Create a card that starts by displaying its front side -->
<pb-c-card pb-showfront="true">
  <div class="pb-front">Front side</div>
  <div class="pb-back">Back side</div>
</pb-c-card>

Supported abilities:

• Draggable: Default enabled.
• Rotateable: Default disabled.
• Toggleable: Default enabled on click.

new component.Card()

Methods

createdCallback

createdCallback()

Called when the element is created

---