CellMedia

@coinbase/cds-web@8.13.6

Displays media within cells.

Import

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

SourceView source code

---

Related components

• ContentCell,
• ListCell

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"
/>