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

feature: Implement Pill component #330

Closed
Tracked by #315
eryc-cc opened this issue Sep 9, 2022 · 2 comments · Fixed by #341
Closed
Tracked by #315

feature: Implement Pill component #330

eryc-cc opened this issue Sep 9, 2022 · 2 comments · Fixed by #341
Assignees
@eryc-cc
Labels
💡 feature released on @beta released
Milestone
The App works - W...

Comments

@eryc-cc
Copy link
Contributor

eryc-cc commented Sep 9, 2022 •
edited
Loading

Summary

The <Pill> component is like a badge, that can be used anywhere on the app.

Props:

  • icon?: No icon by default.
  • text: Can plug whatever text we need (ideally 1-3 words)
  • color?: Default is slate. Use the same pattern from Figma, where the background is shade 03, text is 11, and icon is 9 or 10, depending on the color.
  • size?: Default is the same as the "High" from Figma. Currently we'll have 2 sizes: base and small. Only thing that changes is the padding.

Notes:

  • Make it so we have 4 colors available by default: slate / grass / amber / red.

Preview:

Screen Shot 2022-09-09 at 8 52 08 PM
@eryc-cc eryc-cc mentioned this issue Sep 9, 2022
Closed
18 tasks
@eryc-cc eryc-cc added this to the The App works - Week 36 milestone Sep 9, 2022
@eryc-cc eryc-cc self-assigned this Sep 10, 2022
@eryc-cc eryc-cc moved this from Todo to In Progress in OpenSauced Operational Roadmap Sep 10, 2022
This was referenced Sep 10, 2022
Merged
Closed
Repository owner moved this from In Progress to Done in OpenSauced Operational Roadmap Sep 10, 2022
@github-actions
Copy link
Contributor

🎉 This issue has been resolved in version 1.4.0-beta.13 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

@github-actions
Copy link
Contributor

🎉 This issue has been resolved in version 1.5.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@eryc-cc eryc-cc

Labels
💡 feature released on @beta released
Projects
No open projects
OpenSauced Operational Roadmap
Status: Done
Milestone
The App works - Week 36
Development

Successfully merging a pull request may close this issue.

feat: Implement Pill component open-sauced/app
1 participant
@eryc-cc