Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
guerreirobeatriz authored Oct 28, 2020
1 parent 13ac96a commit 6e19065
Showing 1 changed file with 5 additions and 5 deletions.
10 changes: 5 additions & 5 deletions docs/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ Now, you can use all the blocks exported by the `product-price` app. Check out t
| `product-list-price-range` | Renders the product list price range. It follows the same logic applied to the `ListPrice`: if its value is equal to the product selling price, this block is not rendered. |
| `product-selling-price-range` | The product selling price range. |
| `product-seller-name` | Renders the name of the product's seller. |
| `product-price-suspense` | When the price is loading, it will render a fallback component; otherwise, it will render its children. It is extremely useful when the store works with async prices. |
| `product-price-suspense` | Renders a fallback component when the price is loading and its children blocks when the price is not loading. This block is extremely useful when the store works with asynchronous prices. |

All blocks listed above use product price data fetched from the store catalog. In order to understand further, please access the [Pricing Module overview](https://help.vtex.com/tracks/precos-101--6f8pwCns3PJHqMvQSugNfP).

Expand Down Expand Up @@ -88,11 +88,11 @@ For example:
},
```

If you are using the asynchronous price feature, you can take advantage of the `product-price-suspense` component. When the price is loading, it will render the Fallback component (or a loading spinner by default); otherwise, it will render its children.
If you are using the asynchronous price feature, you can take advantage of the `product-price-suspense` and its props:

| Prop name | Type | Description | Default value |
| ---------- | -------- | ------------------------------------------------------ | ----------------- |
| `Fallback` | `string` | Block that will be rendered when the price is loading. | Loading spinner |
| Prop name | Type | Description | Default value |
| :----------: | :--------: | :------------------------------------------------------: | :-----------------: |
| `Fallback` | `block` | Name of the block that will be rendered when the price is loading. | `rich-text#loading` |

For example:

Expand Down

0 comments on commit 6e19065

Please sign in to comment.