Card components
Card is a content container that represents a single object and related actions. For example, an article or task.
146components656storiesLast updated yesterday
![](https://snapshots.chromatic.com/snapshots/5d559397bae39100201eedc1-66752422edfbe40f5c9f5022/thumb/capture-c37c7c4f.png)
Card
![](https://snapshots.chromatic.com/snapshots/5e53448165911c0022e68c74-6671e35d8f829deea52196a0/thumb/capture-1987c451.png)
Token Card
![](https://snapshots.chromatic.com/snapshots/5d559397bae39100201eedc1-66752422edfbe40f5c9f510a/thumb/capture-e3acc35a.png)
LegacyCard
![](https://snapshots.chromatic.com/snapshots/60919c26122bd50039b34644-66746fcf500e306f998b141f/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