graphql-engine/docs/wiki/docusaurus-mdx-guide/images.mdx
Rikin Kachhia 4c66d648c7 docs: add prettier
PR-URL: https://github.com/hasura/graphql-engine-mono/pull/9923
GitOrigin-RevId: 94038efe5768b63f38dfb447bc315ae5f7185c43
2023-07-21 12:52:40 +00:00

24 lines
463 B
Plaintext

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