@vibeflui/mantine

Mantine field adapter plugin for VibeFlui / FluiKit.

import { FluiKitProvider } from "@vibeflui/core"
import { createMantinePlugin } from "@vibeflui/mantine"

const mantinePlugin = createMantinePlugin({
  components: {
    AvatarUploader
  },
  renderers: {
    StatusBadge
  }
})

<FluiKitProvider plugins={[mantinePlugin]}>{children}</FluiKitProvider>

Use adapter: "mantine" in schema for the included text, textarea, number, select, multiselect, switch, checkbox, radio, radio-group, and checkbox-group field adapter. Wrap the app in MantineProvider and import @mantine/core/styles.css. Full Mantine renderer suites and project-specific components can still be supplied by the app so core remains lightweight.