# jason-kang-storybook-lecture

> Storybook Lecture by Jason Kang on Inflearn

Latest version **1.0.1** (published 2024-06-12) · MIT license · 0 weekly downloads

## Install

```sh
npm install jason-kang-storybook-lecture
pnpm add jason-kang-storybook-lecture
yarn add jason-kang-storybook-lecture
bun add jason-kang-storybook-lecture
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2024-06-12 |
| First published | 2024-02-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 4 |
| Unpacked size | 220 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | jasonkang14 |

## Links

- npm: https://www.npmjs.com/package/jason-kang-storybook-lecture
- npm.io page: https://npm.io/package/jason-kang-storybook-lecture

## Dependencies (4)

- [react](https://npm.io/package/react.md) ^18.2.0
- [react-dom](https://npm.io/package/react-dom.md) ^18.2.0
- [@storybook/test](https://npm.io/package/@storybook/test.md) ^8.0.4
- [@fontsource/noto-sans-kr](https://npm.io/package/@fontsource/noto-sans-kr.md) ^5.0.17

## Recent versions

- 1.0.1 (latest) — 2024-06-12
- 1.0.0 — 2024-06-12
- 0.1.0 — 2024-06-12
- 0.0.41 — 2024-06-10
- 0.0.40 — 2024-06-10
- 0.0.38 — 2024-06-10
- 0.0.35 — 2024-06-10
- 0.0.33 — 2024-06-10
- 0.0.31 — 2024-06-10
- 0.0.30 — 2024-06-10
- 0.0.25 — 2024-06-10
- 0.0.24 — 2024-06-10
- 0.0.23 — 2024-06-10
- 0.0.22 — 2024-06-10
- 0.0.21 — 2024-06-10
- … 18 more at https://npm.io/package/jason-kang-storybook-lecture/versions

## README

# jason-kang-storybook-lecture

jason-kang-storybook-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 jason-kang-storybook-lecture into your project with NPM:

```bash
npm install jason-kang-storybook-lecture
```

## Usage

After installation, you must import the main CSS file in your project to access the full range of styles provided by Tailwind CSS. Add the following line to the root of your project such as `App.tsx` or `main.tsx`:

```javascript
import 'jason-kang-storybook-lecture/styles';
```

And then you can import components from `jason-kang-storybook-lecture` directly like below

```typescript
import { DefaultTextField, PrimaryButton } from "jason-kang-storybook-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 jason-kang-storybook-lecture components render with the intended design specifications.

## Components
jason-kang-storybook-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 jason-kang-storybook-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
jason-kang-storybook-lecture is released under the MIT License. See the LICENSE file for more details.

---
_Source: https://npm.io/package/jason-kang-storybook-lecture · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._