diff --git a/docs/example.ts b/docs/example.ts
new file mode 100644
index 0000000..d8f4aab
--- /dev/null
+++ b/docs/example.ts
@@ -0,0 +1,17 @@
+import { Grid } from '@githubocto/flat-ui';
+
+const Spreadsheet = () => {
+  return <Grid data={data} />;
+};
+
+const data = [
+  { column1: 123, color: "pink", date: "2022-11-01T02:49:57.038Z" },
+  { column1: 234 },
+];
+
+import React from 'react';
+import * as ReactDOM from 'react-dom';
+
+
+const root = ReactDOM.createRoot(document.body)
+root.render(<Spreadsheet />)