React Components

# Medium

## Overview

---

## Anatomy

---

Medium

---

## Medium

---

| Property | Type | Required | Default value | Description |
| --- | --- | --- | --- | --- |
| This component extends all the native [img attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes) . |

## Examples

---

### Default

```jsx
<Medium
  alt="NASA Computer room"
  src="https://upload.wikimedia.org/wikipedia/commons/b/b9/NASAComputerRoom7090.NARA.jpg"
/>
```

### Height

```jsx
{
  globals: {
    imports: `import { Medium } from '@ovhcloud/ods-react';`
  },
  tags: ['!dev'],
  render: ({}) => <Medium alt="NASA Computer room" height={40} src="https://upload.wikimedia.org/wikipedia/commons/b/b9/NASAComputerRoom7090.NARA.jpg" />
}
```

### Width

```jsx
{
  globals: {
    imports: `import { Medium } from '@ovhcloud/ods-react';`
  },
  tags: ['!dev'],
  render: ({}) => <Medium alt="NASA Computer room" src="https://upload.wikimedia.org/wikipedia/commons/b/b9/NASAComputerRoom7090.NARA.jpg" width={300} />
}
```

## Recipes

---

Media Product Card

AI Deploy

Easily deploy machine learning models and applications into production, create your API access points with ease, and make effective predictions.