--- title: Cards description: Display important content in a card, with an optional link. --- Use the `` component to display data within a card. You can also use the `CardGroup` component to display multiple cards in a row. ## Example Install this package using npm or yarn. ```bash npm install @myorg/my-package ``` ````jsx Install this package using npm or yarn. ```bash npm install @myorg/my-package ``` ```` Optionally, add a `href` prop to the `Card` component to make the card clickable. Click here to learn more about this package. ````jsx Click here to learn more about this package. ```` ## Props The title of the card. --- Whether this card should be clickable, and where it should link to. --- The icon to display next to the card title. ## Card Groups To group cards into columns, use the `` component. Install this package using npm or yarn. Read the documentation. ````jsx Install this package using npm or yarn. ```bash npm install @myorg/my-package ``` Click here to learn more about this package. ```` ### Props The number of columns to display the cards in. Defaults to `2`.