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

feat(Meter): new component #827

Merged
merged 20 commits into from
Oct 27, 2023
Merged

Conversation

DarkGhostHunter
Copy link
Contributor

@DarkGhostHunter DarkGhostHunter commented Oct 18, 2023

πŸ”— Linked issue

Rework of #708. It's like #697 but different semantics.

❓ Type of change

  • πŸ“– Documentation (updates to the documentation or readme)
  • 🐞 Bug fix (a non-breaking change that fixes an issue)
  • πŸ‘Œ Enhancement (improving an existing functionality)
  • ✨ New feature (a non-breaking change that adds functionality)
  • 🧹 Chore (updates to the build process or auxiliary tools and libraries)
  • ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

πŸ“š Description

It creates a <meter> tag and supercharges it with reactive elements. It follows the same principles of #697:

  • Uses min and max values.
  • Props and slots for a percent indicator, label, and label icon.
  • Meter Grouping

image

image

πŸ“ Checklist

  • I have linked an issue or discussion.
  • I have updated the documentation accordingly.

πŸ—’οΈ Notes

As with the <progress> element, I decided to use the <meter> element for semantic reasons, instead of just shoving <div> and call it a day. This also means it uses targeted CSS selectors for WebKit/Blink and Gecko/Quantum, which adds some development overhead for the sake of consistency.

@vercel
Copy link

vercel bot commented Oct 18, 2023

The latest updates on your projects. Learn more about Vercel for Git β†—οΈŽ

Name Status Preview Updated (UTC)
ui βœ… Ready (Inspect) Visit Preview Oct 27, 2023 5:01pm

@DarkGhostHunter
Copy link
Contributor Author

Asking for review to @benjamincanac mostly because Vercel doesn't want to deploy and I can't see how to fix (at least the CI passes)

@DarkGhostHunter
Copy link
Contributor Author

Welp, I give up until I can see the errors and make the proper fixes.

@DarkGhostHunter
Copy link
Contributor Author

Found the culprit, it was a link pointing to the #697

@benjamincanac
Copy link
Member

@DarkGhostHunter I've updated the PR a bit, I just have a weird visual on the MeterGroup with the rounded:
CleanShot 2023-10-27 at 18 08 29@2x

@benjamincanac
Copy link
Member

@DarkGhostHunter I've made all the changes I wanted, I'll wait for you to review before I merge!

@DarkGhostHunter
Copy link
Contributor Author

@DarkGhostHunter I've made all the changes I wanted, I'll wait for you to review before I merge!

I'm AFK but I don't see anything weird on the changes, apart from some new code to keep it up to date.

@benjamincanac benjamincanac merged commit abbcc37 into nuxt:dev Oct 27, 2023
2 checks passed
Copy link
Member

@DarkGhostHunter FYI 18e8d28

@DarkGhostHunter
Copy link
Contributor Author

@DarkGhostHunter FYI 18e8d28

Its fine.

@DarkGhostHunter DarkGhostHunter deleted the feat/meter branch October 28, 2023 17:51
@DarkGhostHunter DarkGhostHunter restored the feat/meter branch October 28, 2023 17:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants