Skip to content

[Hydrogen docs]: add references to video in file_reference block #1197

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
May 5, 2022
Merged

[Hydrogen docs]: add references to video in file_reference block #1197

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
40 changes: 20 additions & 20 deletions docs/components/primitive/metafield.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,26 +37,26 @@ export function Product({product}) {

When no `children` prop is provided, the `Metafield` component renders the following defaults:

| Metafield `type` | Output |
| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| `date` | A `span` containing the date from [`toLocaleDateString`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString) with the shop's locale. |
| `date_time` | A `span` containing the date from [`toLocaleString`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString) with the shop's locale. |
| `boolean` | A `span` containing "true" or "false" as a string. |
| `number_integer` | A `span` containing the integer. |
| `number_decimal` | A `span` containing the number. |
| `json` | A `span` containing the JSON object as a string. |
| `weight` | A `span` containing a string of the localized weight using [`Intl.NumberFormat`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat). |
| `dimension` | A `span` containing a string of the localized dimension using [`Intl.NumberFormat`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat). |
| `volume` | A `span` containing a string of the localized volume using [`Intl.NumberFormat`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat). |
| `rating` | A `span` containing a string of the rating value. |
| `color` | A `span` containing the color value as a string. |
| `single_line_text_field` | A `span` component with the text. |
| `multi_line_text_field` | A `div` component with the text, and `as="span"`. |
| `product_reference` | A `span` containing the product reference GID. |
| `file_reference` | An `Image` component when the file reference is of type `MediaImage`, or a `span` containing the file reference GID for other file types. |
| `page_reference` | A `span` containing the page reference GID. |
| `variant_reference` | A `span` containing the variant reference GID. |
| `url` | An `a` tag with the `href` corresponding to the URL and the label corresponding to the URL. |
| Metafield `type` | Output |
| ------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `date` | A `span` containing the date from [`toLocaleDateString`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString) with the shop's locale. |
| `date_time` | A `span` containing the date from [`toLocaleString`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString) with the shop's locale. |
| `boolean` | A `span` containing "true" or "false" as a string. |
| `number_integer` | A `span` containing the integer. |
| `number_decimal` | A `span` containing the number. |
| `json` | A `span` containing the JSON object as a string. |
| `weight` | A `span` containing a string of the localized weight using [`Intl.NumberFormat`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat). |
| `dimension` | A `span` containing a string of the localized dimension using [`Intl.NumberFormat`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat). |
| `volume` | A `span` containing a string of the localized volume using [`Intl.NumberFormat`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat). |
| `rating` | A `span` containing a string of the rating value. |
| `color` | A `span` containing the color value as a string. |
| `single_line_text_field` | A `span` component with the text. |
| `multi_line_text_field` | A `div` component with the text, and `as="span"`. |
| `product_reference` | A `span` containing the product reference GID. |
| `file_reference` | An `Image` component when the file reference is of type `MediaImage`, a `Video` component when the file reference is of type `Video`, or a `span` containing the file reference GID for other file types. |
| `page_reference` | A `span` containing the page reference GID. |
| `variant_reference` | A `span` containing the variant reference GID. |
| `url` | An `a` tag with the `href` corresponding to the URL and the label corresponding to the URL. |

## Render props

Expand Down