diff options
Diffstat (limited to 'demos/simple-react/src')
-rw-r--r-- | demos/simple-react/src/components/button.tsx | 4 | ||||
-rw-r--r-- | demos/simple-react/src/index.css | 3 | ||||
-rw-r--r-- | demos/simple-react/src/index.tsx | 18 |
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 }; |