-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat : workbookcard story documentation
- Loading branch information
Showing
1 changed file
with
32 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,32 @@ | ||
import { Meta, Preview, Story } from "@storybook/addon-docs"; | ||
import { Default, Learning, Complete } from "./WorkbookCard.stories.tsx"; | ||
import WorkbookCard from "../WorkbookCard"; | ||
import { Default as WorkbookCardListDefalut } from "./WorkbookCardList.stories.tsx"; | ||
|
||
<Meta title="메인 페이지/워크북 카드 설명서" component={WorkbookCard} /> | ||
|
||
### 사용자 상태 별 워크북 카드 스토리 보여주기 | ||
|
||
<div style={{display:'flex', gap:'12px'}}> | ||
|
||
<div style={{display:'flex', flexDirection:'column'}}> | ||
- 로그인 X or 로그인 + 학습 X 상태 | ||
|
||
<Story of={Default} /> | ||
</div> | ||
<div style={{display:'flex', flexDirection:'column'}}> | ||
- 로그인 + 학습중 상태 | ||
|
||
<Story of={Learning} /> | ||
</div> | ||
<div style={{display:'flex', flexDirection:'column'}}> | ||
- 로그인 + 학습 완료 상태 | ||
<Story of={Complete} /> | ||
|
||
</div> | ||
|
||
</div> | ||
|
||
### 모킹에 따른 워크북 카드 리스트 보여주기 | ||
|
||
<Story of={WorkbookCardListDefalut} /> |