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-06-14 23:29:30 +08:00
parent 542615a941
commit 5094d341fa
70 changed files with 313 additions and 914 deletions
Download Patch File Download Diff File Expand all files Collapse all files
playground/ui-gallery/src/gallery/ButtonGallery.tsx
+18 -48
View File
@@ -6,58 +6,28 @@ export const ButtonGallery = () => {
return (
<OW>
<IW>
<Button.Root size="xs">XSmall</Button.Root>
<Button.Root size="xs">
<Button.Icon>
<DownloadSvg />
</Button.Icon>
<Button size="xs">XSmall</Button>
<Button size="xs" iconSvg={<DownloadSvg />}>
XSmall
</Button.Root>
<Button.Root size="xs" iconOnly>
</Button>
<Button size="xs" iconOnly={true} iconSvg={<DownloadSvg />}>
XSmall
</Button.Root>
// ==============================================
<Button.Root size="sm">Small</Button.Root>
<Button.Root size="sm">
<Button.Icon>
<DownloadSvg />
</Button.Icon>
</Button>
<Button size="xs" loading={true} iconSvg={<DownloadSvg />}>
XSmall
</Button>
</IW>
<IW>
<Button size="sm">Small</Button>
<Button size="sm" iconSvg={<DownloadSvg />}>
Small
</Button.Root>
<Button.Root size="sm" iconOnly>
<Button.Icon>
<DownloadSvg />
</Button.Icon>
</Button>
<Button size="sm" iconOnly={true} iconSvg={<DownloadSvg />}>
Small
</Button.Root>
// ==============================================
<Button.Root size="md">Medium</Button.Root>
<Button.Root size="md">
<Button.Icon>
<DownloadSvg />
</Button.Icon>
Medium
</Button.Root>
<Button.Root size="md" iconOnly>
<Button.Icon>
<DownloadSvg />
</Button.Icon>
Medium
</Button.Root>
// ==============================================
<Button.Root size="lg">Large</Button.Root>
<Button.Root size="lg">
<Button.Icon>
<DownloadSvg />
</Button.Icon>
Large
</Button.Root>
<Button.Root size="lg" iconOnly>
<Button.Icon>
<DownloadSvg />
</Button.Icon>
Large
</Button.Root>
</Button>
<Button size="sm" loading={true} iconSvg={<DownloadSvg />}>
Small
</Button>
</IW>
</OW>
);