graphql-engine/docs/wiki/docusaurus-mdx-guide/images.mdx
Sean Park-Ross 494e270227 Docs: Wiki Restructure and remove Sphinx RST - WIP
PR-URL: https://github.com/hasura/graphql-engine-mono/pull/6059
GitOrigin-RevId: c527d01b7af8ef98fa3859930115ec44d993e444
2022-10-07 13:58:26 +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.