Function: Media()

function Media(props: UiMediaProps): Block;

Defined in: packages/sdk/src/renderer/blocks/index.ts:1159

Experimental

Media — a leading icon, icon-in-a-box, or image/avatar sharing one sm | md | lg | xl size scale. icon is a string key from the design-system icon set; icon, color, bgColor, and image accept an async function of UI state.

Parameters

Parameter	Type
props	UiMediaProps

Returns

Block

Examples

Media({variant: 'icon', icon: 'folder-open', size: 'md'});

Media({
  variant: 'icon-box',
  icon: 'checkmark-circle',
  bgColor: '#EEF2FF',
  color: '#4F46E5',
});

Media({variant: 'image', image: 'data:image/png;base64,...', imageAlt: 'Avatar'});