Skip to main content
ContentCardFooter
@coinbase/cds-web@8.13.6
A footer component for ContentCard.
Import
import { ContentCardFooter } from '@coinbase/cds-web/cards/ContentCard'
SourceView source codeStorybookView StorybookFigmaView Figma
Related components

Basic Example

Loading...
Live Code
function Example() {
  return (
    <VStack bordered borderRadius="400" maxWidth={375} padding={2}>
      <ContentCardFooter>
        <IconCounterButton count={20} icon="heart" />
        <IconCounterButton count={40} icon="comment" />
        <IconCounterButton count={32} icon="wireTransfer" />
      </ContentCardFooter>
    </VStack>
  );
}

Is this page useful?

Coinbase Design is an open-source, adaptable system of guidelines, components, and tools that aid the best practices of user interface design for crypto products.