> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mirin.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Import your components

> Let your end-users to build content with your product's UI components

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:

```tsx theme={null}
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',
                  },
                ],
              },
            ],
          },
      }}
    />
  )
}
```