Merge pull request #148 from wilkyrlx/docs

update FAQ docswith resize canvas
reaviz · Dec 6, 2023 · 0108eea · 0108eea
2 parents a7c500d + c78599d
commit 0108eea
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/docs/FAQ.mdx b/docs/FAQ.mdx
@@ -4,6 +4,15 @@ import { Meta, Story } from '@storybook/blocks';
 
 # FAQ
 
+## Resizing the GraphCanvas
+If you are having trouble resizing the canvas such that it does not take up the whole page, you can
+use wrap the `<GraphCanvas/>` component with a fixed position div and adjust the size. For example:
+```
+<div style={{ position: "fixed", width: '75%', height: '75%'}}>
+  <GraphCanvas nodes={n} edges={e} />
+</div>
+```
+
 ## Font Support
 By default, regraph uses `troika-three-text` which uses the Roboto font
 loaded by Google Fonts CDN. You can override this by passing `labelFontUrl`.