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}
    />
  )
}