diff options
| author | Adam <[email protected]> | 2025-10-14 07:14:26 -0500 |
|---|---|---|
| committer | Adam <[email protected]> | 2025-10-14 07:16:24 -0500 |
| commit | 37e6c8342f1f63a95918a71ac78130b9d10d1103 (patch) | |
| tree | f5baccd7d4d97a0171eb224c9f7d88ec62b14aac /packages/ui/src/app.tsx | |
| parent | c04e8929911be2433063e9a53cccf8d2dfd232b8 (diff) | |
| download | opencode-37e6c8342f1f63a95918a71ac78130b9d10d1103.tar.gz opencode-37e6c8342f1f63a95918a71ac78130b9d10d1103.zip | |
wip: css and ui packages
Diffstat (limited to 'packages/ui/src/app.tsx')
| -rw-r--r-- | packages/ui/src/app.tsx | 68 |
1 files changed, 68 insertions, 0 deletions
diff --git a/packages/ui/src/app.tsx b/packages/ui/src/app.tsx new file mode 100644 index 000000000..be2ec357e --- /dev/null +++ b/packages/ui/src/app.tsx @@ -0,0 +1,68 @@ +import type { Component } from "solid-js" +import { Button } from "./components/button" +import { Select } from "./components" +import "@opencode-ai/css" +import "./index.css" + +const App: Component = () => { + return ( + <main> + <div class="light"> + <h3>Buttons</h3> + <section> + <Button variant="primary" size="normal"> + Normal Primary + </Button> + <Button variant="secondary" size="normal"> + Normal Secondary + </Button> + <Button variant="ghost" size="normal"> + Normal Ghost + </Button> + <Button variant="primary" size="large"> + Large Primary + </Button> + <Button variant="secondary" size="large"> + Large Secondary + </Button> + <Button variant="ghost" size="large"> + Large Ghost + </Button> + </section> + <h3>Select</h3> + <section> + <Select options={["a", "b", "c"]} onSelect={(x) => console.log(x)} placeholder="Select" /> + </section> + </div> + <div class="dark"> + <h3>Buttons</h3> + <section> + <Button variant="primary" size="normal"> + Normal Primary + </Button> + <Button variant="secondary" size="normal"> + Normal Secondary + </Button> + <Button variant="ghost" size="normal"> + Normal Ghost + </Button> + <Button variant="primary" size="large"> + Large Primary + </Button> + <Button variant="secondary" size="large"> + Large Secondary + </Button> + <Button variant="ghost" size="large"> + Large Ghost + </Button> + </section> + <h3>Select</h3> + <section> + <Select options={["a", "b", "c"]} onSelect={(x) => console.log(x)} placeholder="Select" /> + </section> + </div> + </main> + ) +} + +export default App |