Adapter Examples

These pages show optional packages and plugin setup, one adapter per page.

The names below match the package exports used by the current VibeFlui packages.

Reading order

1. Shadcn
2. Tailadmin
3. React Select
4. Editors
5. Editorjs
6. React Query
7. Antd
8. Mantine
9. Material UI

File structure

app/
  providers.tsx
schemas/
  users/
    select.schema.ts
  orders/
    react-select-table-filter.schema.ts
  articles/
    editor.schema.ts
components/
  vibeflui/
    filters/
      orders/
        OrderStatusReactSelectFilter.tsx

Integration notes

• schema.adapter and theme.preset are metadata/theme choices. They do not install third-party React components.
• Register plugins with FluiKitProvider.
• Use field.adapter when a field should render through a field adapter.
• Adapter-specific table behavior depends on the package implementation.