Skip to content

Conversation

@Austin1serb
Copy link
Member

Summary

Added support to flip css varables on the body or target element, by passing in a cssVar flag into either hook, for example to add blur:

	const [blur, setBlur] = useScopedUI<'0px' | '4px'>('blur', '0px', cssVar);
```, now that will set the css varable on that elemnet and toggle it without rerenders.
<!-- Briefly describe the purpose of this PR and what it changes. If fixing an issue, reference it with "Closes #123". -->

---

## Type of Change

<!-- Select one or more by replacing `[ ]` with `[x]` -->

- [ ] 🐛 Bug fix
- [X] ✨ New feature
- [ ] 🛠 Refactor
- [ ] 🧪 Test improvement
- [ ] 📝 Docs update
- [ ] ⚙️ CI/tooling

---

## Checklist

- [X] All tests pass (`pnpm test`)
- [X] Linting and formatting pass (`pnpm lint && pnpm format`)
- [X] PR title follows semantic commit format (`feat:`, `fix:`, etc.)
- [ ] Changes are documented (README, JSDoc, or comments if needed)
- [X] Ready for review — not a draft

---

## Notes for Reviewer

<!-- Optional: Anything specific you'd like feedback on, or explain complex decisions here. -->

@vercel
Copy link
Contributor

vercel bot commented Aug 2, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
react-zero-ui ✅ Ready (Inspect) Visit Preview 💬 Add feedback Aug 2, 2025 0:39am

Copy link
Member Author

@Austin1serb Austin1serb left a comment

Choose a reason for hiding this comment

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

good to go

@Austin1serb Austin1serb merged commit 30d88e0 into main Aug 2, 2025
3 checks passed
@Austin1serb Austin1serb deleted the feat/css-variable-toggle branch August 2, 2025 04:20
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