Merge branch 'main' into feat/react-18

packages/paste-website/src/pages/foundations/localization/index.mdx

@@ -124,6 +124,25 @@ Avoid creating UI sentences. If the layout and functionality of your interface i
 
 ![](../../../assets/images/foundations/localization/text-in-image.png)
 
+## Usage guide
+
+Paste works with any internationalization library. Our components occasionally contain English text, but all instances
+are overridable with props. They are easily identifiable as they include `i18n` in their names.
+
+For more information, look into the "Internationalization" section for each component page. Some examples: [Checkbox](/components/checkbox/#internationalization), [Popover](/components/checkbox/#internationalization), and [Data Grid](https://paste.twilio.design/components/checkbox/#internationalization).
+
+### Paste + i18next
+
+Here's an example showing three languages in Paste using [i18next](https://www.i18next.com/).
+
+<iframe
+  src="https://codesandbox.io/embed/i18next-paste-example-5v6ekx?fontsize=14&hidenavigation=1&theme=dark"
+  style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
+  title="i18next + Paste example"
+  allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
+  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+></iframe>
+
 </content>
 
 </contentwrapper>