cfbender/snowballtools-base
1
0
Fork 0
forked from cerc-io/snowballtools-base
Code Pull Requests 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';
const Page = () => {
@ -15,20 +16,14 @@ const Page = () => {
{/* Insert Components here */}
<div className="flex flex-col gap-10 items-center justify-between">
<h1 className="text-2xl font-bold">Component A</h1>
<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 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" />
<h1 className="text-2xl font-bold">Button</h1>
<div className="flex gap-10 flex-wrap">
<Button size="lg" disabled>
Button
</Button>
<Button size="md">Button</Button>
<Button size="sm">Button</Button>
<Button size="xs">Button</Button>
</div>
</div>
</div>