Open Jrschellenberg opened 2 months ago
Agreed, tried to use this but no idea how to render the result. None of the components seem to take anything like what it outputs.
I ran into the exact same thing yesterday and it would be great to see some more features coming to the Checkout UI components.
Please list the related package(s)
@shopify/ui-extensions-react/checkout
If this related to specific APIs or components, please list them here
Components
Is your feature request related to a problem? Please describe.
Currently there is a Metafield for a Rich Text Editor
However To my knowledge (I spent hours trying to find something closest I could is this Hydrogen implementation)
https://github.com/Shopify/hydrogen/blob/788291c391993fac62f168db5940015b5ae1faf2/packages/hydrogen-react/CHANGELOG.md?plain=1#L9
However, I couldn't find a component within the @shopify/ui-extensions-react/checkout to implement the payload return from this
rich_text_field
Example:Describe the changes you are looking for
Adding a Rich Text Component similar to Hydrogen to the @shopify/ui-extensions-react/checkout Library
Note: You cannot use the hydrogen one, as it implements regular HTML, and this needs to follow the SDK rules of the @shopify/ui-extensions-react/checkout Library
A RichText Component implemented to work out of the box with the
rich_text_field
Describe alternatives you’ve considered
I implemented one on my own Feel free to use this as a starting point, or at the very least hope it can help someone if they have a similar issue in the future
Example.extension.toml
extension.jsx
Additional context