kim-design-system-lecture
v1.0.0
Published
Storybook Lecture by kim on Inflearn
Downloads
62
Readme
kim-design-system-lecture
kim-design-system-lecture is a comprehensive design system built with Tailwind CSS and Storybook, designed to empower developers and designers to build consistent and beautiful interfaces efficiently.
Installation
Install kim-design-system-lecture into your project with NPM:
npm install kim-design-system-lecture
Usage
you can import components from kim-design-system-lecture
directly like below
import { DefaultTextField, PrimaryButton } from "kim-design-system-lecture";
export default function LoginPage() {
return (
...
<DefaultTextField
id="username"
placeholder="아이디를 입력해주세요"
onChange={handleUsernameChange}
/>
<DefaultTextField
id="password"
type="password"
placeholder="비밀번호를를 입력해주세요"
onChange={handlePasswordChange}
/>
<PrimaryButton onClick={() => handleLogin(username, password)}>로그인</PrimaryButton>
...
);
}
This ensures that all kim-design-system-lecture components render with the intended design specifications.
Components
kim-design-system-lecture offers a wide range of components that are ready to use in your projects. To see the components available and learn how to use them, refer to the Storybook documentation provided with the package.
Contributing
We welcome contributions to the kim-design-system-lecture project! If you have suggestions for improvements or encounter any issues, please feel free to open an issue or submit a pull request.
License
kim-design-system-lecture is released under the MIT License. See the LICENSE file for more details.