This commit is contained in:
2026-06-08 13:04:13 +08:00
parent f2d8ad0de2
commit 542615a941
8 changed files with 144 additions and 98 deletions

View File

@@ -6,11 +6,57 @@ export const ButtonGallery = () => {
return (
<OW>
<IW>
<Button.Root>
<Button.Root size="xs">XSmall</Button.Root>
<Button.Root size="xs">
<Button.Icon>
<DownloadSvg />
</Button.Icon>
Default
XSmall
</Button.Root>
<Button.Root size="xs" iconOnly>
XSmall
</Button.Root>
// ==============================================
<Button.Root size="sm">Small</Button.Root>
<Button.Root size="sm">
<Button.Icon>
<DownloadSvg />
</Button.Icon>
Small
</Button.Root>
<Button.Root size="sm" iconOnly>
<Button.Icon>
<DownloadSvg />
</Button.Icon>
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>
</IW>
</OW>