📝 docs: add calendar component to the example page

This commit is contained in:
Wahyu Kurniawan 2024-02-20 16:33:59 +07:00
parent ad7dd1920a
commit 4f7f9cf914
No known key found for this signature in database
GPG Key ID: 040A1549143A8E33

View File

@ -1,4 +1,5 @@
import { Button, ButtonOrLinkProps } from 'components/shared/Button'; import { Button, ButtonOrLinkProps } from 'components/shared/Button';
import { Calendar } from 'components/shared/Calendar';
import { PlusIcon } from 'components/shared/CustomIcon'; import { PlusIcon } from 'components/shared/CustomIcon';
import React from 'react'; import React from 'react';
@ -13,6 +14,7 @@ const Page = () => {
packages/frontend/src/pages/components/index.tsx packages/frontend/src/pages/components/index.tsx
</code> </code>
</p> </p>
<div className="w-full h border border-gray-200 px-20 my-10" /> <div className="w-full h border border-gray-200 px-20 my-10" />
{/* Insert Components here */} {/* Insert Components here */}
@ -69,6 +71,15 @@ const Page = () => {
))} ))}
</div> </div>
</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">Calendar</h1>
<div className="flex gap-10 flex-wrap">
<Calendar />
<Calendar selectRange />
</div>
</div>
</div> </div>
</div> </div>
); );