Card components
Card is a content container that represents a single object and related actions. For example, an article or task.
144components629storiesLast updated 8 days ago
![](https://snapshots.chromatic.com/snapshots/5d559397bae39100201eedc1-6696b8f4829481f1385f2f11/thumb/capture-c37c7c4f.png)
Card
![](https://snapshots.chromatic.com/snapshots/5d559397bae39100201eedc1-6696b8f4829481f1385f2ff9/thumb/capture-e3acc35a.png)
LegacyCard
![](https://snapshots.chromatic.com/snapshots/60919c26122bd50039b34644-66998746eb2e45abf6ba6eff/thumb/capture-ec3d6f53.png)
Image Card
![](https://snapshots.chromatic.com/snapshots/62d70c7159c85ad5cbfa67c5-62d70cc759c85ad5cbfa6c1d/w_680/capture.png)
Card
![](https://snapshots.chromatic.com/snapshots/629e648426469d004a80276e-629e64bc4b5e65004a073575/w_680/capture.png)
Card
![](https://snapshots.chromatic.com/snapshots/6393777def56f7d1cffc8f2c-639377e9e889d2c7d5225495/w_680/capture.png)
Horizontal Card
![](https://snapshots.chromatic.com/snapshots/6393777def56f7d1cffc8f2c-639377e9e889d2c7d52254b9/w_680/capture.png)
Portrait card
Card is a content container that represents a single object and related actions. For example, an article or task.