Skip to content

Commit

Permalink
Update package install and references to reactflow for consistency.
Browse files Browse the repository at this point in the history
  • Loading branch information
awcurtin committed Nov 20, 2024
1 parent a559a43 commit 6ab4ea7
Showing 1 changed file with 3 additions and 3 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -107,7 +107,7 @@ Besides React Flow we only need to pull in one dependency, [`react-remark`](http
to help us render markdown in our slides.

```bash npm2yarn
npm install reactflow react-remark
npm install @xyflow/react react-remark
```

We'll modify the generated `main.tsx` to include React Flow's styles, as well as
Expand All @@ -121,7 +121,7 @@ import { ReactFlowProvider } from '@xyflow/react';

import App from './App';

import 'reactflow/dist/style.css';
import '@xyflow/react/dist/style.css';
import './index.css';

ReactDOM.createRoot(document.getElementById('root')!).render(
Expand All @@ -148,7 +148,7 @@ style your app differently from just writing CSS, for example with
<Callout>
How you style your app is up to you, but you must **always** include React
Flow's styles! If you don't need the default styles, at a minimum you should
include the base styles from `reactflow/dist/base.css`.
include the base styles from `@xyflow/react/dist/base.css`.
</Callout>

Each slide of our presentation will be a node on the canvas, so let's create a new file `Slide.tsx` that will be our custom node used to render each slide.
Expand Down

0 comments on commit 6ab4ea7

Please sign in to comment.