Skip to content

(docs) Add more realistic CardGroup example, clarify connection between Cards and CardGroups #858

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Sep 17, 2025
+67 −33
Merged

(docs) Add more realistic CardGroup example, clarify connection between Cards and CardGroups #858

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
94 changes: 63 additions & 31 deletions fern/products/docs/pages/component-library/default-components/card-groups.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,42 +3,74 @@ title: 'Card Groups'
description: 'Show cards side by side in a grid format'
---

The `CardGroup` component lets you organize multiple `Card` components in a responsive grid layout.
The `CardGroup` component lets you organize multiple [`Card` components](/docs/writing-content/components/cards) in a responsive grid layout. You can use this component to organize related content like feature lists, navigation options, or step-by-step guides.

<Tabs>
<Tab title="Example">
<CardGroup cols={2}>
<Card title="First Card" icon="circle-1">
This is the first card.
</Card>
<Card title="Second Card" icon="circle-2">
This is the second card.
</Card>
<Card title="Third Card" icon="circle-3">
This is the third card.
</Card>
<Card title="Fourth Card" icon="circle-4">
This is the fourth and final card.
</Card>
</CardGroup>
<CardGroup cols={2}>
<Card
title="Python"
icon="brands python"
href="/sdks/generators/python/quickstart"
>
Generate a Python SDK and publish to PyPi
</Card>
<Card
title="PHP"
icon="brands php"
href="/sdks/generators/php/quickstart"
>
Generate a PHP SDK and publish to Packagist
</Card>
<Card
title="Java SDK"
icon="brands java"
href="/sdks/generators/java/quickstart"
>
Generate a Java SDK and publish to Maven Central
</Card>
<Card
title="Go SDK"
icon="brands golang"
href="/sdks/generators/go/quickstart"
>
Generate a Go SDK and publish as a module
</Card>
</CardGroup>
</Tab>
<Tab title="Markdown">
```jsx
<CardGroup cols={2}>
<Card title="First Card" icon="circle-1">
This is the first card.
</Card>
<Card title="Second Card" icon="circle-2">
This is the second card.
</Card>
<Card title="Third Card" icon="circle-3">
This is the third card.
</Card>
<Card title="Fourth Card" icon="circle-4">
This is the fourth and final card.
</Card>
</CardGroup>
```
```jsx
<CardGroup cols={2}>
<Card
title="Python"
icon="brands python"
href="/sdks/generators/python/quickstart"
>
Generate a Python SDK and publish to PyPi
</Card>
<Card
title="PHP"
icon="brands php"
href="/sdks/generators/php/quickstart"
>
Generate a PHP SDK and publish to Packagist
</Card>
<Card
title="Java SDK"
icon="brands java"
href="/sdks/generators/java/quickstart"
>
Generate a Java SDK and publish to Maven Central
</Card>
<Card
title="Go SDK"
icon="brands golang"
href="/sdks/generators/go/quickstart"
>
Generate a Go SDK and publish as a module
</Card>
</CardGroup>
```
</Tab>
</Tabs>

Expand Down
4 changes: 3 additions & 1 deletion fern/products/docs/pages/component-library/default-components/cards.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,9 @@ title: 'Cards'
description: 'Use cards to display content in a box'
---

Cards are container components that group related content and actions together. They provide a flexible way to present information with optional elements like icons, titles, and links in a visually distinct box.
Cards are container components that group related content and actions together. They provide a flexible way to present information with optional elements like icons, titles, and links in a visually distinct box.

You can use individual cards or [use the `CardGroup` component](/docs/writing-content/components/card-groups) to arrange multiple cards in a responsive grid layout.


<Tabs>
Expand Down
2 changes: 1 addition & 1 deletion fern/products/sdks/overview/java/changelog/2025-09-16.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
## 3.5.0
**`(feat):`** Enhanced wire testing framework with comprehensive SDK validation capabilities. Wire tests now include
header validation from IR examples, multi-URL environment configuration support, complex type validation
for unions/nullable/generic types, and full pagination testing with Iterable<T> support.
for unions/nullable/generic types, and full pagination testing with `Iterable<T>` support.


## 3.4.1
Expand Down