magny

Installation

Installing Magny is simple.

• run npm i magny to install

Adding Magny to your app

To add Magny to your application, run npm i magny. This will add Magny’s code to your app, but Magny still needs to be initialized to be usable.

To initialize Magny, add this code to your app. To ensure that it starts as fast as possible, add this code as close as possible to your app’s entry point, e.g. to index.js, index.ts, App.js or App.ts:

...
import { Magny } from 'magny';
import "magny/style.css";

function App() {
  return (
    <div>
      <Magny projectId="<project id from dashboard>" />
    </div>
  );
}
export default App;

That's it. Now you have succesfully integrated Magny to your project.

Opening Magny

Now that you have succesfully integrated Magny to your project, it should be available in your app. You can open it with Ctrl​ + K (Cmd + K if you’re on Mac)

Go ahead and add a few categories and commands to the project you created.