cerc-io/snowballtools-base-old
16
0
Fork 0
mirror of https://github.com/snowball-tools/snowballtools-base synced 2024-11-17 17:29:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

📝 docs: add badge to the example page

Browse Source
This commit is contained in:
Wahyu Kurniawan 2024-02-20 18:51:09 +07:00
parent cc9c24cca1
commit f764bea6d1
No known key found for this signature in database
GPG Key ID: 040A1549143A8E33
1 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
packages/frontend/src/pages/components/index.tsx
View File

@ -1,3 +1,4 @@
import { Badge, BadgeProps } from 'components/shared/Badge';
import { Button, ButtonOrLinkProps } from 'components/shared/Button';
import { PlusIcon } from 'components/shared/CustomIcon';
import React from 'react';
@ -69,6 +70,29 @@ const Page = () => {
))}
</div>
</div>
<div className="w-full h border border-gray-200 px-20 my-10" />
<div className="flex flex-col gap-10 items-center justify-between">
<h1 className="text-2xl font-bold">Badge</h1>
<div className="space-y-5">
{['primary', 'secondary', 'tertiary', 'inset'].map(
(variant, index) => (
<div className="flex gap-5" key={index}>
{['sm', 'xs'].map((size) => (
<Badge
key={size}
variant={variant as BadgeProps['variant']}
size={size as BadgeProps['size']}
>
1
</Badge>
))}
</div>
),
)}
</div>
</div>
</div>
</div>
);