Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[FE] Text Input 컴포넌트 UI #20

Closed
5 of 6 tasks
Tracked by #9
youzysu opened this issue Jul 25, 2023 · 0 comments
Closed
5 of 6 tasks
Tracked by #9

[FE] Text Input 컴포넌트 UI #20

youzysu opened this issue Jul 25, 2023 · 0 comments
Assignees
@youzysu
Labels
front-end
Milestone
[FE] Sprint #01

Comments

@youzysu
Copy link
Member

youzysu commented Jul 25, 2023 •
edited
Loading

구현할 기능

  • UI 구성: Label, InputContainer, Text Area, Help Text Area
  • Type: Input Condainer의 높이에 따라 Text Input은 두 가지 타입을 제공
  • State: Enabled, Action, Disabled, Error
    • Text Input의 States는 텍스트 정보가 수집되는 모든 Input에 동일하게 적용
  • Typing States: Placeholder, onFocus, OnTyping, Typed
    • Placeholder: 사용자와 Text Input이 아무런 상호작용을 하지 않은 기본 상태
    • On Focus: 사용자가 Text Input에 클릭, 하지만 텍스트 정보는 입력하지 않은 상태
    • On Typing: 사용자가 텍스트 정보를 입력하는 상태
    • Typed: 사용자와 Text Input의 상호작용이 끝난 후, 작성한 텍스트 정보가 남아있는 상태
  • Help Text Area: caption input에 제약 사항이 있어서 안내 해야할 때 혹은 제약 사항으로 인해 정보 수집을 진행할 수 없을 때 사용

Backlog

  • On Typing 상태의 오른쪽 끝에 [X]아이콘을 추가하여, 해당 버튼을 클릭하면 입력한 내용을 한 번에 지우기
@youzysu youzysu mentioned this issue Jul 25, 2023
Closed
11 tasks
@youzysu youzysu changed the title Text Input [FE] Text Input 컴포넌트 Jul 25, 2023
@youzysu youzysu changed the title [FE] Text Input 컴포넌트 [FE] Text Input 컴포넌트 UI Jul 25, 2023
@youzysu youzysu self-assigned this Jul 25, 2023
@youzysu youzysu added this to the [FE] Sprint #01 milestone Jul 25, 2023
youzysu added a commit to youzysu/issue-tracker-max that referenced this issue Jul 26, 2023
@youzysu
issue-tracker-08#20 design: Text Input Component UI
293277d
@youzysu youzysu mentioned this issue Jul 26, 2023
Merged
youzysu added a commit to youzysu/issue-tracker-max that referenced this issue Jul 26, 2023
@youzysu
issue-tracker-08#20 design: input style reset 추가
b3da89e
youzysu added a commit to youzysu/issue-tracker-max that referenced this issue Jul 27, 2023
@youzysu
issue-tracker-08#20 refactor: TextInput Component 리뷰 반영
13fb23c 
- height 대신 variant props로 수정
Kakamotobi pushed a commit that referenced this issue Jul 27, 2023
@youzysu
[FE] Text Input Component UI (#23)
cac0270 
* #20 design: Text Input Component UI

* #20 design: input style reset 추가

* #20 refactor: TextInput Component 리뷰 반영

- height 대신 variant props로 수정
youzysu added a commit to youzysu/issue-tracker-max that referenced this issue Jul 27, 2023
@youzysu
issue-tracker-08#20 design: TextInput placeholder state & style 수정
d5662b2
youzysu added a commit to youzysu/issue-tracker-max that referenced this issue Jul 27, 2023
@youzysu
issue-tracker-08#20 design: TextInput placeholder state & style 수정
dc0713e
@youzysu youzysu mentioned this issue Jul 27, 2023
Merged
Kakamotobi pushed a commit that referenced this issue Jul 27, 2023
@youzysu
#20 design: TextInput placeholder state & style 수정 (#27)
7c279e4
youzysu added a commit to youzysu/issue-tracker-max that referenced this issue Jul 27, 2023
@youzysu
[FE] Text Input Component UI (issue-tracker-08#23)
16ad284 
* issue-tracker-08#20 design: Text Input Component UI

* issue-tracker-08#20 design: input style reset 추가

* issue-tracker-08#20 refactor: TextInput Component 리뷰 반영

- height 대신 variant props로 수정
issue-tracker-08#20 design: TextInput placeholder state & style 수정 (issue-tracker-08#27)
@youzysu youzysu closed this as completed Jul 27, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@youzysu youzysu

Labels
front-end
Projects
None yet
Milestone
[FE] Sprint #01
Development

No branches or pull requests
1 participant
@youzysu