aboutsummaryrefslogtreecommitdiff
path: root/demos/simple-react/src
diff options
context:
space:
mode:
Diffstat (limited to 'demos/simple-react/src')
-rw-r--r--demos/simple-react/src/components/button.tsx4
-rw-r--r--demos/simple-react/src/index.css3
-rw-r--r--demos/simple-react/src/index.tsx18
3 files changed, 17 insertions, 8 deletions
diff --git a/demos/simple-react/src/components/button.tsx b/demos/simple-react/src/components/button.tsx
index 2b4ae9483..8614dacc3 100644
--- a/demos/simple-react/src/components/button.tsx
+++ b/demos/simple-react/src/components/button.tsx
@@ -2,6 +2,8 @@ import React from "react";
export const Button = ({ label, label2, onClick }) => (
<div className="Button" onClick={onClick}>
- <div className="Button-label">{label}</div>
+ <div className="Button-label">Butto123n!123{label}</div>
+ <div className="Button-label">Butto123n!123{label}</div>
+ <div className="Button-label">Butto123n!123{label}</div>
</div>
);
diff --git a/demos/simple-react/src/index.css b/demos/simple-react/src/index.css
new file mode 100644
index 000000000..04e7110b4
--- /dev/null
+++ b/demos/simple-react/src/index.css
@@ -0,0 +1,3 @@
+body {
+ background-color: pink;
+}
diff --git a/demos/simple-react/src/index.tsx b/demos/simple-react/src/index.tsx
index 46e0027ef..db66d786b 100644
--- a/demos/simple-react/src/index.tsx
+++ b/demos/simple-react/src/index.tsx
@@ -1,17 +1,20 @@
import ReactDOM from "react-dom";
+import React from "react";
import { Button } from "./components/button";
-import { DatePicker } from "antd";
+import classNames from "classnames";
const Base = ({}) => {
return (
- <main>
- <h1>I am the page</h1>
- <h3 className="bacon">Here is some text</h3>
- <>Fragmen!t</>
- <DatePicker />
+ <main className={classNames("main")}>
+ <h3 className={classNames("hi")}>Here is some text</h3>
+ <h3 className={classNames("extremely")}></h3>
+ <>
+ Fargment!1239899080909123123123123123poaksdpoaksdpopokasdpokasdpokaspodkapsodk
+ poaksdpok123123
+ </>
<Button
- label="Do not click."
+ label="Do notencoding! cl1ick."
onClick={() => alert("I told u not to click!")}
></Button>
</main>
@@ -25,5 +28,6 @@ function startReact() {
globalThis.addEventListener("DOMContentLoaded", () => {
startReact();
});
+startReact();
export { Base };