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.

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

[FE] Button & Tab Button 컴포넌트 #10

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

[FE] Button & Tab Button 컴포넌트 #10

youzysu opened this issue Jul 25, 2023 · 0 comments
Assignees

Comments

@youzysu
Copy link
Member

youzysu commented Jul 25, 2023

구현할 기능

  • Button
  • ContainerButton
  • OutlineButton
  • GhostButton
  • TabButton
@youzysu youzysu mentioned this issue Jul 25, 2023
11 tasks
@youzysu youzysu changed the title Button & Tab Button [FE] Button & Tab Button 컴포넌트 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 25, 2023
- Button type: container, outline, ghost
- Button size: S, M, L
- designSystem border color 제외
- GlobalStyle Button style reset 추가
youzysu added a commit to youzysu/issue-tracker-max that referenced this issue Jul 25, 2023
- Button 스타일 중복 삭제 BaseStyledButton
- GhostButton 기반 TabButton 컴포넌트 구현
youzysu added a commit to youzysu/issue-tracker-max that referenced this issue Jul 25, 2023
youzysu added a commit to youzysu/issue-tracker-max that referenced this issue Jul 25, 2023
youzysu added a commit to youzysu/issue-tracker-max that referenced this issue Jul 25, 2023
- 컴포넌트 네이밍 수정 및 컨벤션 전반 적용
- TabBar 기본 상태 스타일 적용
youzysu added a commit to youzysu/issue-tracker-max that referenced this issue Jul 25, 2023
Kakamotobi pushed a commit that referenced this issue Jul 26, 2023
* #10 design: Button component 구현

- Button type: container, outline, ghost
- Button size: S, M, L
- designSystem border color 제외
- GlobalStyle Button style reset 추가

* #10 design: TabButton 구현 & Button component 리팩토링

- Button 스타일 중복 삭제 BaseStyledButton
- GhostButton 기반 TabButton 컴포넌트 구현

* #10 design: Button 내부 Icon 색상 변경

- filter 속성 추가

* #10 refactor: Button & TabBar 컴포넌트 리뷰 반영

- 컴포넌트 네이밍 수정 및 컨벤션 전반 적용
- TabBar 기본 상태 스타일 적용

* #10 refactor: 컨벤션 추가 적용
@youzysu youzysu closed this as completed Jul 26, 2023
youzysu added a commit to youzysu/issue-tracker-max that referenced this issue Jul 26, 2023
youzysu added a commit to youzysu/issue-tracker-max that referenced this issue Jul 26, 2023
Kakamotobi pushed a commit that referenced this issue Jul 26, 2023
youzysu added a commit to youzysu/issue-tracker-max that referenced this issue Jul 28, 2023
- Button Type 별로 Styled-component 하위에 정의
youzysu added a commit to youzysu/issue-tracker-max that referenced this issue Jul 28, 2023
- Button Type 별로 Styled-component 하위에 정의
- 불필요한 styled props $variant 전달 삭제
youzysu added a commit that referenced this issue Jul 28, 2023
- Button Type 별로 Styled-component 하위에 정의
- 불필요한 styled props $variant 전달 삭제
youzysu added a commit to youzysu/issue-tracker-max that referenced this issue Jul 31, 2023
youzysu added a commit to youzysu/issue-tracker-max that referenced this issue Jul 31, 2023
youzysu added a commit to youzysu/issue-tracker-max that referenced this issue Jul 31, 2023
youzysu added a commit to youzysu/issue-tracker-max that referenced this issue Jul 31, 2023
youzysu added a commit to youzysu/issue-tracker-max that referenced this issue Jul 31, 2023
- 기존 TableHeaderIssues 불필요한 스타일 제거
- TabButton borderStyle에 따른 css 수정
youzysu added a commit to youzysu/issue-tracker-max that referenced this issue Aug 1, 2023
Kakamotobi pushed a commit that referenced this issue Aug 1, 2023
* #10 refactor: TabBar 재사용을 위한 리팩토링

- props: left, right, borderType

* #10 style: 네이밍 수정

* #10 style: TabBar 컴포넌트 반영

- 기존 TableHeaderIssues 불필요한 스타일 제거
- TabButton borderStyle에 따른 css 수정

* #10 feat: Button onClick callback props 추가
youzysu added a commit to youzysu/issue-tracker-max that referenced this issue Aug 1, 2023
- 네이밍 수정
- props type
Kakamotobi pushed a commit that referenced this issue Aug 1, 2023
* #10 refactor: TabBar 재사용을 위한 리팩토링

- props: left, right, borderType

* #10 style: 네이밍 수정

* #10 style: TabBar 컴포넌트 반영

- 기존 TableHeaderIssues 불필요한 스타일 제거
- TabButton borderStyle에 따른 css 수정

* #10 feat: Button onClick callback props 추가

* #10 refactor: 리뷰 반영

- 네이밍 수정
- props type
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant