---
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.