graphql-engine/docs/wiki/docusaurus-mdx-guide/thumbnail.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

32 lines
751 B
Plaintext

---
sidebar_position: 9
---
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
import Thumbnail from '@site/src/components/Thumbnail';
# Thumbnail
```jsx
import Thumbnail from '@site/src/components/Thumbnail';
<Thumbnail src='/img/account-management/billing/add_new_card.png' alt='add a new card' width='437px' />;
```
Just pass in all the valid attributes for image as props.
## Result UI
<Thumbnail src='/img/account-management/billing/add_new_card.png' alt='add a new card' width='437px' />
<hr />
A few examples,
<Thumbnail src='/img/account-management/billing/coupon_redemption.png' alt='Coupons and Credits' />
<hr />
<Thumbnail src='/img/account-management/billing/invoice_settings.png' alt='invoice settings' />