# CustomImage

**Kind:** Component

**Source:** [`atloria-monorepo/apps/web/src/components/Viewer/MarkdownRenderer.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/apps/web/src/components/Viewer/MarkdownRenderer.tsx#L834)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `src` | `any` | ✓ | - |
| `alt` | `any` | ✓ | - |
| `documentTitle` | `any` | ✓ | - |
| `lang` | `any` | ✓ | - |
| `imageVariants` | `any` | ✓ | - |
| `node` | `any` | ✓ | - |
| `...props` | `object` | - | - |

## Diagram

```mermaid
graph TD
    component_CustomImage_4c354b47["CustomImage"]
    class component_CustomImage_4c354b47 rootComponent
```

## Relationships

- RENDERS → `ViewportPicker`
- RENDERS → `ScreenshotFigure`
- RENDERS → `VideoEmbed`
- RENDERS → `VideoPlayer`

## Referenced By

- `MarkdownRenderer` (RENDERS)