mm
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user