Getting started

Installation

Prerequisites

• Node.js version 18 or higher.
• A package manager: e.g. npm, pnpm, ...

npm

$ npm add @ogs-gmbh/guthrie-mui-bindings

pnpm

$ pnpm add @ogs-gmbh/guthrie-mui-bindings

yarn

$ yarn add @ogs-gmbh/guthrie-mui-bindings

bun

$ bun add @ogs-gmbh/guthrie-mui-bindings

Usage

Here's a simple example using getMuiComponentBindings. You can get a deeper understanding by looking at the reference.

example.tsx

import { Guthrie, withElements, withOperators, withFns } from "@ogs-gmbh/guthrie";
import { getMuiComponentBindings } from "@ogs-gmbh/guthrie-mui-bindings";

function MyPage() {
  return (
    <Guthrie
      elements={withElements({
        elements: getMuiComponentBindings({
          mapNames: (value) => `mui-${value}`
        })
      })}
      operators={withOperators({
        options: {
          universal: true
        }
      })}
      fns={withFns({
        options: {
          native: true
        }
      })}
      page={page}
    />
  );
}