When you’re building a visual editor - chances are you want your end-users to build some content with your existing UI components rather than having them to create everything from scratch.

To achieve this, just include your React components in your embed <Editor /> schema config:

import { Editor } from '@mirinhq/embed';

export default function YourApp() {
  return (
    <Editor 
      config={{
        schema: {
            components: [
              {
                name: 'Card',
                component: Card,
                props: [
                  {
                    name: 'text',
                    kind: {
                      type: 'string',
                    },
                    initialValue: 'Hello',
                  },
                ],
              },
            ],
          },
      }}
    />
  )
}