folinhilo/defgov
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mm

Browse Source
This commit is contained in:
folinhilo
2026-03-22 17:03:54 +08:00
parent 8e76dd7a7b
commit 5c6d8c6b92
49 changed files with 203 additions and 1442 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/ui-site/package.json
View File

@@ -12,7 +12,7 @@
"dependencies": {
"react": "^19.2.0",
"react-dom": "^19.2.0",
"@defgov/ui-headless": "workspace:*"
"@defgov/ui": "workspace:*"
},
"devDependencies": {
"@eslint/js": "^9.39.1",

6
apps/ui-site/src/App.tsx
View File

@@ -1,16 +1,10 @@
import { ThemeProvider } from "@defgov/ui";
import { ButtonGallery } from "./gallery/ButtonGallery";
import { CheckboxGallery } from "./gallery/CheckboxGallery";
import { RadioGallery } from "./gallery/RadioGallery";
import { TooltipGallery } from "./gallery/TootipGallery";
const App = () => {
return (
<ThemeProvider>
<ButtonGallery />
<CheckboxGallery />
<RadioGallery />
<TooltipGallery />
</ThemeProvider>
);
};

14
apps/ui-site/src/gallery/CheckboxGallery.tsx
View File

@@ -1,14 +0,0 @@
import { Checkbox } from "@defgov/ui";
import { InnerWrap } from "../common/InnerWrap";
import { OuterWrap } from "../common/OuterWrap";
export const CheckboxGallery = () => {
return (
<OuterWrap>
<InnerWrap>
<Checkbox size="xs">Apple</Checkbox>
<Checkbox>Apple</Checkbox>
</InnerWrap>
</OuterWrap>
);
};

22
apps/ui-site/src/gallery/RadioGallery.tsx
View File

@@ -1,22 +0,0 @@
import { Radio, RadioGroup } from "@defgov/ui";
import { InnerWrap } from "../common/InnerWrap";
import { OuterWrap } from "../common/OuterWrap";
export const RadioGallery = () => {
return (
<OuterWrap>
<InnerWrap>
<RadioGroup name="fruit" size="xs">
<Radio value="apple">Apple</Radio>
<Radio value="orange">Orange</Radio>
</RadioGroup>
</InnerWrap>
<InnerWrap>
<RadioGroup name="fruit" direction="vertical" label="Fruit">
<Radio value="apple">Apple</Radio>
<Radio value="orange">Orange</Radio>
</RadioGroup>
</InnerWrap>
</OuterWrap>
);
};

15
apps/ui-site/src/gallery/TootipGallery.tsx
View File

@@ -1,15 +0,0 @@
import { Button, CutSvg, Tooltip } from "@defgov/ui";
import { OuterWrap } from "../common/OuterWrap";
import { InnerWrap } from "../common/InnerWrap";
export const TooltipGallery = () => {
return (
<OuterWrap>
<InnerWrap>
<Tooltip title="cut">
<Button iconSvg={<CutSvg />} iconOnly={true}></Button>
</Tooltip>
</InnerWrap>
</OuterWrap>
);
};