myst-demo v0.9.0
myst-demo
A demo component for MyST Markdown, for example, in the sandbox.
Usage
The <MySTRenderer>
is a React component that can take a string value
that is the markdown that you want to render. It can work in two-column mode or in a column. The component shows the preview, the abstract syntax tree (AST), HTML, LaTeX, JATS and can download a Word Document all in the browser!!
import { FrontmatterBlock } from '@myst-theme/frontmatter';
import { TabStateProvider, UiStateProvider } from '@myst-theme/providers';
import { MySTRenderer } from 'myst-demo';
function MySTSandbox({ value }: { value: string }) {
return (
<TabStateProvider>
<UiStateProvider>
<MySTRenderer value={value} column fullscreen TitleBlock={FrontmatterBlock} />
</UiStateProvider>
</TabStateProvider>
);
}
For full functionality between components, you can wrap the component with various providers from @myst-theme/providers
. These provide user interface state, such as synced tabs, dark-mode, etc.
11 days ago
20 days ago
25 days ago
26 days ago
1 month ago
2 months ago
2 months ago
2 months ago
3 months ago
4 months ago
5 months ago
5 months ago
7 months ago
6 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
6 months ago
6 months ago
7 months ago
7 months ago
7 months ago
11 months ago
11 months ago
9 months ago
10 months ago
9 months ago
10 months ago
8 months ago
10 months ago
10 months ago
9 months ago
11 months ago
11 months ago
9 months ago
10 months ago
9 months ago
10 months ago
11 months ago
12 months ago
11 months ago
11 months ago
10 months ago
10 months ago
12 months ago
9 months ago
1 year ago
1 year ago
12 months ago
12 months ago
1 year ago
12 months ago
12 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago