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

[PEAUTY-42] 태그 컴포넌트 생성 #8

Merged
merged 2 commits into from
Nov 19, 2024

Conversation

Sieonn
Copy link
Contributor

@Sieonn Sieonn commented Nov 18, 2024

태그 컴포넌트를 생성했으며 디자인을 변경하였습니다.

image

Copy link
Contributor

@myoungjinGo-FE myoungjinGo-FE left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Sieonn 태그 목록이 있으면 태그마다 색깔이 달라야 할거 같은데, 태그의 색상을 바꿀 수 있는 분기문도 있으면 좋을거 같습니다.
예를들면 피그마에서 강쥐의 질병도 태그로 나타내고 있는데, 색깔을 다르게 표현해도 되지 않을까요 ?

@Sieonn
Copy link
Contributor Author

Sieonn commented Nov 19, 2024

커스텀 태그를 추가했습니다.
배경, border, color를 설정하여 수정할 수 있습니다.

아직 어떤 태그를 어떻게 설정할 지 정하지 않았기 때문에 이렇게 지정했습니다.

<Tag color={{ backgroundColor: '#FFD700', borderColor: '#FF8C00', fontColor: '#FFFFFF' }}>

사용하실 때는 이런 식으로 사용하면 됩니다.

@myoungjinGo-FE myoungjinGo-FE merged commit 2b15a89 into feature/PEAUTY-31 Nov 19, 2024
1 check passed
@myoungjinGo-FE myoungjinGo-FE deleted the feature/PEAUTY-42 branch November 19, 2024 05:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants