|
@@ -1,20 +1,24 @@
|
|
|
|
|
+import ReactMarkdown from "react-markdown";
|
|
|
import code_png from "../../assets/nut/code.png";
|
|
import code_png from "../../assets/nut/code.png";
|
|
|
import MarkdownForm from "./MarkdownForm";
|
|
import MarkdownForm from "./MarkdownForm";
|
|
|
import MarkdownShow from "./MarkdownShow";
|
|
import MarkdownShow from "./MarkdownShow";
|
|
|
|
|
|
|
|
const Widget = () => {
|
|
const Widget = () => {
|
|
|
- return (
|
|
|
|
|
- <div>
|
|
|
|
|
- <h1>Home</h1>
|
|
|
|
|
- <br />
|
|
|
|
|
- <MarkdownShow body="- Hello, **《mint》**!" />
|
|
|
|
|
- <br />
|
|
|
|
|
- <h3>Form</h3>
|
|
|
|
|
- <MarkdownForm />
|
|
|
|
|
- <br />
|
|
|
|
|
- <img alt="code" src={code_png} />
|
|
|
|
|
- </div>
|
|
|
|
|
- );
|
|
|
|
|
|
|
+ return (
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <h1>Home</h1>
|
|
|
|
|
+ <br />
|
|
|
|
|
+ <MarkdownShow body="- Hello, **《mint》**!" />
|
|
|
|
|
+ <br />
|
|
|
|
|
+ <h3>Form</h3>
|
|
|
|
|
+ <MarkdownForm />
|
|
|
|
|
+ <br />
|
|
|
|
|
+ <img alt="code" src={code_png} />
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <ReactMarkdown>*This* is text with `quote`</ReactMarkdown>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ );
|
|
|
};
|
|
};
|
|
|
|
|
|
|
|
export default Widget;
|
|
export default Widget;
|