Shiro Remote React Components

This repository is used to store my embedded React components for the Shiro Markdown format.

Similar to how MDX can render a React component in Markdown, the following format can render a remote React component if in Shiro Flavored Markdown.

```component
import=https://cdn.jsdelivr.net/npm/@innei/[email protected]/dist/components/Firework.js
name=MDX.Firework
height=25
```

Excalidraw

Copy https://cdn.jsdelivr.net/gh/innei/shiro-remote-components@main/excalidraw/

Props

import=<remote-js-url> is similar to importing a js code name=<access-of-component> Get the location of the component for this js scope.

You need to package the js in iife or umd format. They can both be retrieved directly from the window object.

For example, your js umd exists on the window window.YourComponent is a legal React component. YourComponent` is a legitimate React component:

```component
import=your script location
name=YourComponent
```