graphql-engine/docs/wiki/docusaurus-mdx-guide/images.mdx

---
sidebar_position: 7
sidebar_label: Images
---

# Images

Add images using the `Thumbnail` component to allow click-to-zoom.

An example:

```jsx
import Thumbnail from '@site/src/components/Thumbnail';

<Thumbnail
  src="/img/graphql/manual/schema/validation-add-check-constraint.png"
  alt="Add check constraint"
  width="700px"
/>;
```

- Add an `alt` prop for all images describing what the image contains.
- To adjust the image size, use the `width` prop.