Skip to content

Commit

Permalink
chore: images 폴더로 이동
Browse files Browse the repository at this point in the history
  • Loading branch information
junghyeonsu committed Mar 14, 2024
1 parent a660391 commit 6e1edff
Show file tree
Hide file tree
Showing 15 changed files with 14 additions and 11 deletions.
9 changes: 5 additions & 4 deletions docs/content/component/range-slider/usage.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -107,7 +107,7 @@ slug: /component/range-slider/usage
<DoDontLayout>
<DoBox>
<DoImage>
![rangeslider guideline](./rangeslider-guideline-use-label.png)
![rangeslider guideline](./images/rangeslider-guideline-use-label.png)
</DoImage>
<DoText>
Label과 함께 사용하여 유저가 Range Slider의 목적과 선택된 값을 명확히 알
Expand All @@ -116,7 +116,8 @@ slug: /component/range-slider/usage
</DoBox>
<DontBox>
<DontImage>
![rangeslider guideline](./rangeslider-guideline-dont-label-bottom.png)
![rangeslider
guideline](./images/rangeslider-guideline-dont-label-bottom.png)
</DontImage>
<DontText>
Handle의 위치에 따라 움직이는 Label을 사용할 경우, Handle 아래에 배치하지
Expand All @@ -129,13 +130,13 @@ slug: /component/range-slider/usage
<DoDontLayout>
<DoBox>
<DoImage>
![rangeslider guideline](./rangeslider-guideline-do-2.png)
![rangeslider guideline](./images/rangeslider-guideline-do-2.png)
</DoImage>
<DoText>Marker는 간결하게 작성합니다.</DoText>
</DoBox>
<DontBox>
<DontImage>
![rangeslider guideline](./rangeslider-guideline-dont-2.png)
![rangeslider guideline](./images/rangeslider-guideline-dont-2.png)
</DontImage>
<DontText>
Marker가 길어지지 않도록 유의합니다. 유저가 Tick의 위치를 파악하기 어려울
Expand Down
16 changes: 9 additions & 7 deletions docs/content/component/slider/usage.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ slug: /component/slider/usage

<HalfCard>
<HalfCardImageCell>
![slider options marker](./slider-steps.gif)
![slider options marker](./images/slider-steps.gif)
</HalfCardImageCell>
<HalfCardDescriptionCell>
<HalfCardDescriptionTitle>Steps</HalfCardDescriptionTitle>
Expand All @@ -51,7 +51,7 @@ slug: /component/slider/usage

<HalfCard>
<HalfCardImageCell>
![slider options disabled](./slider-options-disabled.png)
![slider options disabled](./images/slider-options-disabled.png)
</HalfCardImageCell>
<HalfCardDescriptionCell>
<HalfCardDescriptionTitle>Disabled</HalfCardDescriptionTitle>
Expand Down Expand Up @@ -113,7 +113,7 @@ slug: /component/slider/usage

<HalfCard>
<HalfCardImageCell>
![box button guideline](./slider-guideline-use-label.png)
![box button guideline](./images/slider-guideline-use-label.png)
</HalfCardImageCell>
<HalfCardDescriptionCell>
<HalfCardDescriptionTitle>Label 활용하기</HalfCardDescriptionTitle>
Expand All @@ -131,7 +131,7 @@ slug: /component/slider/usage
<DoDontLayout>
<DontBox>
<DontImage>
![slider guideline](./slider-guideline-dont-label-bottom.png)
![slider guideline](./images/slider-guideline-dont-label-bottom.png)
</DontImage>
<DontText>
Handle의 위치에 따라 움직이는 Label을 사용할 경우, Handle 아래에 배치하지
Expand All @@ -140,19 +140,21 @@ slug: /component/slider/usage
</DontBox>
<DontBox>
<DontImage>
![slider guideline](./slider-guideline-dont-interact.png)
![slider guideline](./images/slider-guideline-dont-interact.png)
</DontImage>
<DontText>상호작용이 불가능한 화면에서 사용하지 않습니다.</DontText>
</DontBox>
</DoDontLayout>
<br />
<DoDontLayout>
<DoBox>
<DoImage>![slider guideline](./slider-guideline-do-2.png)</DoImage>
<DoImage>![slider guideline](./images/slider-guideline-do-2.png)</DoImage>
<DoText>Marker는 간결하게 작성합니다.</DoText>
</DoBox>
<DontBox>
<DontImage>![slider guideline](./slider-guideline-dont-2.png)</DontImage>
<DontImage>
![slider guideline](./images/slider-guideline-dont-2.png)
</DontImage>
<DontText>
Marker가 길어지지 않도록 유의합니다. 유저가 Tick의 위치를 파악하기 어려울
수 있습니다.
Expand Down

0 comments on commit 6e1edff

Please sign in to comment.