trigger card modal

Teaser (Recommended Solution)

This example uses a Teaser Component, it is recommended to use this component.

Existing Card

Card Example

This example uses a Card Replacement Component, it is not recommended to use this component since it is deprecated.

Existing Card With Button

Card Example (DUE TO THE NESTED BUTTON THIS WILL BE BROKEN)

This example uses a Card Replacement Component, it is not recommended to use this component since it is deprecated.

Existing Card With Modal Button Only

Card Example with Button Only

This example uses a Card Replacement Component, it is not recommended to use this component since it is deprecated.

This is the modal container's header.

This is the modal container's body

This is the modal container's body.

This is the modal container's footer.