From 5ff39a723ad1e1774b278046d83f086418b3aafb Mon Sep 17 00:00:00 2001 From: Louisa Chu Date: Tue, 20 Oct 2026 13:32:32 -0700 Subject: [PATCH 1/2] update card description --- src/pages/blocks/cards/index.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/pages/blocks/cards/index.md b/src/pages/blocks/cards/index.md index 6ab0729..6527f71 100644 --- a/src/pages/blocks/cards/index.md +++ b/src/pages/blocks/cards/index.md @@ -24,9 +24,9 @@ Card description text goes here. ## Parameters - **slots**: Content structure per card - - `"image, heading, text, links"` - Full card with all elements - - `"heading, text, links"` - Card without image - - `"image, heading, links"` - Card without description text + - `"image, heading, text, links", buttons` - Full card with all elements + - `"heading, text, links, buttons"` - Card without image + - `"image, heading, links, buttons"` - Card without description text - **width**: Card width for grid layout (optional) - Full width (default) @@ -58,7 +58,7 @@ This is a sample description for the second card in the grid. [Learn more](https://developer.adobe.com/) - + ![Card Image](../../assets/column.jpg) From 96c148c5d544e3c64c371fdd42f3c591a0d19d2b Mon Sep 17 00:00:00 2001 From: Louisa Chu Date: Tue, 20 Oct 2026 16:15:12 -0700 Subject: [PATCH 2/2] update based on comments --- src/pages/blocks/cards/cards-with-buttons.md | 59 ++++++++++++++++++++ src/pages/blocks/cards/index.md | 13 +++-- src/pages/config.md | 1 + 3 files changed, 69 insertions(+), 4 deletions(-) create mode 100644 src/pages/blocks/cards/cards-with-buttons.md diff --git a/src/pages/blocks/cards/cards-with-buttons.md b/src/pages/blocks/cards/cards-with-buttons.md new file mode 100644 index 0000000..f670fef --- /dev/null +++ b/src/pages/blocks/cards/cards-with-buttons.md @@ -0,0 +1,59 @@ +--- +title: Cards with Buttons +description: Display cards with button calls to action using the Cards block. +--- + +# Cards with Buttons + +Cards that show their call to action as a button. See [Cards parameters](index.md) for `slots`, `width`, and other options. + +## Syntax + +```markdown + + +![Card Image](path/to/image.png) + +## Card Heading + +Card description text goes here. + +[Learn more](link-url.md) + +``` + +## Parameters + +- **slots**: Use `buttons` instead of `links` to show the call to action as a button. Don't use `links` and `buttons` in the same block. + +## Example + + + +![Card Image](../../assets/column.jpg) + +### First Card + +This is a sample description for the first card in the grid. + +[Learn more](https://developer.adobe.com/) + + + +![Card Image](../../assets/column.jpg) + +### Second Card + +This is a sample description for the second card in the grid. + +[Learn more](https://developer.adobe.com/) + + + +![Card Image](../../assets/column.jpg) + +### Third Card + +This is a sample description for the third card in the grid. + +[Learn more](https://developer.adobe.com/) diff --git a/src/pages/blocks/cards/index.md b/src/pages/blocks/cards/index.md index 6527f71..2a10812 100644 --- a/src/pages/blocks/cards/index.md +++ b/src/pages/blocks/cards/index.md @@ -24,9 +24,12 @@ Card description text goes here. ## Parameters - **slots**: Content structure per card - - `"image, heading, text, links", buttons` - Full card with all elements - - `"heading, text, links, buttons"` - Card without image - - `"image, heading, links, buttons"` - Card without description text + - `"image, heading, text, links"` - Full card with all elements + - `"heading, text, links"` - Card without image + - `"image, heading, links"` - Card without description text + - Use either `links` or `buttons` for the call to action, not both: + - `links` - Shows the call to action as a text link + - `buttons` - Shows the call to action as a button. See [Cards with Buttons](cards-with-buttons.md). - **width**: Card width for grid layout (optional) - Full width (default) @@ -58,7 +61,7 @@ This is a sample description for the second card in the grid. [Learn more](https://developer.adobe.com/) - + ![Card Image](../../assets/column.jpg) @@ -69,3 +72,5 @@ This is a sample description for the third card in the grid. [Learn more](https://developer.adobe.com/) For cards with a wide image, see [Cards - Wide Variant](cards-wide.md). + +For cards with buttons, see [Cards with Buttons](cards-with-buttons.md). diff --git a/src/pages/config.md b/src/pages/config.md index 2737f26..a90409e 100644 --- a/src/pages/config.md +++ b/src/pages/config.md @@ -44,6 +44,7 @@ - [Announcement](/blocks/announcement/index.md) - [Cards](/blocks/cards/index.md) - [Cards Wide](/blocks/cards/cards-wide.md) + - [Cards with Buttons](/blocks/cards/cards-with-buttons.md) - [Code](/blocks/code/index.md) - [Code Basic](/blocks/code/code-basic.md) - [Code Highlighted Line](/blocks/code/code-highlighted-line.md)