ContentCardBody

@coinbase/cds-web@8.34.1

A main content area component for ContentCard.

Import

import { ContentCardBody } from '@coinbase/cds-web/cards/ContentCard'

SourceView source codeStorybookView StorybookFigmaView Figma (internal only)

---

Related components

• ContentCard

---

󰏖

View as Markdown

Basic Example

Loading...

󰙡

Live Code

<VStack bordered borderRadius="400" maxWidth={375} padding={2}>
  <ContentCardBody
    body="Bitcoin Network Shatters Records With Hashrate Climbing to 464 EH/s"
    label={
      <HStack alignItems="flex-end" flexWrap="wrap" gap={0.5}>
        <Text as="p" font="label2" color="fgMuted" numberOfLines={1}>
          BTC
        </Text>
        <Text font="label2" accessibilityLabel="Up 5.12%" as="p" color="fgPositive">
          ↗ 5.12%
        </Text>
      </HStack>
    }
  />
</VStack>