+ {WEIGHTS.map((fontWeight) => (
+
+
{CONTENT}
+
+ Font weight: {fontWeight}
+
+
+
+ ))}
+
+);
diff --git a/ts-packages/react-components/src/playground/index.tsx b/ts-packages/react-components/src/playground/index.tsx
new file mode 100644
index 0000000000..77e6de82ba
--- /dev/null
+++ b/ts-packages/react-components/src/playground/index.tsx
@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { PlaygroundButtons } from './buttons';
+import { PlaygroundCheckboxes } from './checkboxes';
+import { PlaygroundBasicSwitches } from './switches';
+import { PlaygroundFonts } from './fonts';
+
+export const Playground: React.FC = () => (
+ <>
+