Mantine#

@palmyralabs/rt-forms-mantine — the Mantine-skinned implementation of the rt-forms component library. Every widget here is a thin wrapper around a Mantine primitive, wired into a PalmyraForm’s field manager or a server-backed grid.

Section	Scope
Forms	Input components — text, date, select, lookup, etc.
Grid	`StaticGrid`, `PalmyraGrid`, and the plugin ecosystem (filter, pagination)

Install#

npm install @mantine/core @mantine/hooks @mantine/dates \
            @palmyralabs/rt-forms @palmyralabs/rt-forms-mantine

Provider wiring#

Import Mantine styles before your own, wrap the app in MantineProvider, and inject your Wire store factory:

import '@mantine/core/styles.css';
import '@mantine/dates/styles.css';

import { MantineProvider } from '@mantine/core';
import { StoreFactoryContext } from '@palmyralabs/palmyra-wire';
import AppStoreFactory from './wire/StoreFactory';

createRoot(document.getElementById('root')!).render(
  <MantineProvider>
    <StoreFactoryContext.Provider value={AppStoreFactory}>
      <App />
    </StoreFactoryContext.Provider>
  </MantineProvider>
);

See the frontend tutorial for the full bootstrap.