mirror of
https://github.com/hasura/graphql-engine.git
synced 2024-12-17 12:31:52 +03:00
4c66d648c7
PR-URL: https://github.com/hasura/graphql-engine-mono/pull/9923 GitOrigin-RevId: 94038efe5768b63f38dfb447bc315ae5f7185c43
46 lines
771 B
Plaintext
46 lines
771 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"
|
|
/>
|