feat: Create a separate "InputForm" molecule component

- Develop the "InputForm" molecule component
- Remove empty modal-gacha component stories and test files that prevent Storybook from running
This commit is contained in:
Hafid Nur
2025-03-27 04:35:41 +07:00
parent 90ab974e03
commit ca933f624a
7 changed files with 105 additions and 10 deletions
+8 -9
View File
@@ -1,9 +1,6 @@
import { FC, ReactElement } from 'react';
import {
Input,
Button,
PasswordInput,
} from '@imphnen-frontend-service/ui/atoms';
import { Button, PasswordInput } from '@imphnen-frontend-service/ui/atoms';
import { InputForm } from '@imphnen-frontend-service/ui/molecules';
export const Components: FC = (): ReactElement => {
return (
@@ -13,10 +10,12 @@ export const Components: FC = (): ReactElement => {
<h1 className="text-primary-500 text-p1 font-semibold">
Welcome to IMPHNEN Backoffice
</h1>
<div className="flex gap-[8px] flex-col">
<div className="self-start text-p3 font-medium">Email</div>
<Input placeholder="Masukkan Email" type="email" size="lg" />
</div>
<InputForm
label="Email"
placeholder="Masukkan Email"
type="email"
size="lg"
/>
<div className="flex gap-[8px] flex-col">
<div className="self-start text-p3 font-medium">Password</div>
<PasswordInput placeholder="Masukkan Password" size="lg" />