cerc-io/snowballtools-base
16
0
Fork 2
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

📝 docs: add button to the example comopnent pag

Browse Source
This commit is contained in:
Wahyu Kurniawan 2024-02-19 20:13:56 +07:00
parent 8021ff7ff9
commit b51d050ee6
No known key found for this signature in database
GPG Key ID: 040A1549143A8E33
1 changed files with 9 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,3 +1,4 @@
import { Button } from 'components/shared/Button';
import React from 'react'; import React from 'react';
const Page = () => { const Page = () => {
@ -15,20 +16,14 @@ const Page = () => {
{/* Insert Components here */} {/* Insert Components here */}
<div className="flex flex-col gap-10 items-center justify-between"> <div className="flex flex-col gap-10 items-center justify-between">
<h1 className="text-2xl font-bold">Component A</h1> <h1 className="text-2xl font-bold">Button</h1>
<div className="flex gap-10 flex-wrap">
<div className="flex flex-row gap-10 items-center justify-center"> <Button size="lg" disabled>
<div className="h-20 w-40 bg-red-400 rounded-md" /> Button
<div className="h-20 w-40 bg-red-400 rounded-md" /> </Button>
<div className="h-20 w-40 bg-red-400 rounded-md" /> <Button size="md">Button</Button>
<div className="h-20 w-40 bg-red-400 rounded-md" /> <Button size="sm">Button</Button>
</div> <Button size="xs">Button</Button>
<div className="flex flex-row gap-10 items-center justify-center">
<div className="h-20 w-40 bg-red-400 rounded-md" />
<div className="h-20 w-40 bg-red-400 rounded-md" />
<div className="h-20 w-40 bg-red-400 rounded-md" />
<div className="h-20 w-40 bg-red-400 rounded-md" />
</div> </div>
</div> </div>
</div> </div>