CellMedia

@coinbase/cds-web@8.21.3

Displays media within cells.

Import

import { CellMedia } from '@coinbase/cds-web/cells/CellMedia'

SourceView source code

---

Related components

• ContentCell,
• ListCell

---

󰏖

View as Markdown

󰣸

Deprecated

This component will be removed in a future release. Pass media to cells directly via the media prop. For example: <Avatar src={...} />, <Icon name={...} />, <RemoteImage source={...} />, or a Pictogram.

Basic Icon Usage

Loading...

󰙡

Live Code

<CellMedia active type="icon" name="home" accessibilityLabel="Home icon" />

Asset Display

Common usage for displaying cryptocurrency assets with proper accessibility.

Loading...

󰙡

Live Code

<CellMedia type="asset" source={assets.btc.imageUrl} accessibilityLabel="Bitcoin icon" />

Pictogram Display

Used for displaying pictographic illustrations, commonly used in empty states or feature highlights.

Loading...

󰙡

Live Code

<CellMedia
  type="pictogram"
  illustration={<Pictogram name="recurringPurchases" dimension="48x48" />}
  accessibilityLabel="Recurring purchases pictogram"
/>