Comments (16)
Wow! Thank you so much for resolving this issue so fast for me.
Your solution was exactly what I was trying to do.
I didn't know if It takes an additional parameter by.
By the way, this package is Helpful.
I have another question, How can I style the emoji and the components with a custom background and style like the screenshot below?
from react-reactions.
code sandbox:
https://codesandbox.io/embed/react-reactions-issue-7kberm?fontsize=14&hidenavigation=1&theme=dark
from react-reactions.
Hey @gh4m21,
Thanks for the sandbox. I was able to find the issue.
The counter component is used to show a count of who liked what and list them out. I updated the data to include "vens", and removed the important prop. The counter can be used with the selector.
Sorry for the confusion. In the future, I hope to improve the documentation and make the components easier to use.
Here is a sandbox with your expected behavior. Does this do what you are hoping?
from react-reactions.
That is a great question. Right now it is not possible to due with the way the library works. Sorry!
I like your suggestion and can release a new version of the package this weekend. Thanks for the great idea and for your patience!
from react-reactions.
Thank you so much. Looking forward to seeing this modification on your next release this weekend.
from react-reactions.
An update to style the ReactionCounterEmoji's was released in v0.8.0!
Here is an example that styles the emoji's similar to the picture above. Does this do what you'd like it to do?
from react-reactions.
An update to style the ReactionCounterEmoji's was released in v0.8.0!
Here is an example that styles the emoji's similar to the picture above. Does this do what you'd like it to do?
Thank you so so muchπ₯ You literally save me a lot of headache on the project I am currently working on with this updated.π₯ππΎ
from react-reactions.
Yes! That can be done. I'll publish an update tomorrow. Thanks for the suggestion and your patience!
You're welcome to also make a PR if you'd like. I'll plan on making this change tomorrow. Thanks and happy easter.
from react-reactions.
Thanks! I am planning to make a pull request and see If I can make some update on this packages. When I have a little more time.
Thanks for your help and Happy easter to you also
from react-reactions.
An update to style the ReactionCounterEmoji's was released in v0.8.0!
Here is an example that styles the emoji's similar to the picture above. Does this do what you'd like it to do?
@charkour Sorry to bother you again.
Could you please add the ability to customize the container of the ReactionBarSelector the same way you did for ReactionCounterEmoji's?
I will really appreciate that.
from react-reactions.
Happy to help! Which container do you want to update? Perhaps you could post a picture or a link to the code? Thanks!
from react-reactions.
Happy to help! Which container do you want to update? Perhaps you could post a picture or a link to the code? Thanks!
For example for this sandbox:
https://codesandbox.io/s/issue-react-reactions-with-mobile-touch-e7hpnd
I want to style the selector like the previous picture also.
Be able to change the rounded, background...
from react-reactions.
Okay, I will not make the change and will let you make a pull request. If you have any questions, please let me know. Thanks!
from react-reactions.
Hi @gh4m21, using the style prop with the ReactionBarSelector has been released in v0.10.0. Please let me know if there are any issues. Thanks!
from react-reactions.
Hey, @charkour. Thank you for letting me know that. I will update it and use it. I was swamped on the parts of the projects, but this update came to the proper and thank you so much!
from react-reactions.
Happy to help! I hope the projects go well.
from react-reactions.
Related Issues (20)
- More flexible Reaction Counter HOT 3
- Pass className to Selector HOT 11
- Dependency Dashboard
- Seems like a icon is missing HOT 3
- Closing the selector when clicked outside of the react-reactions component. HOT 6
- Add ref forwarding
- Slack add reaction shows empty box HOT 14
- Handle Slack fonts better HOT 1
- Like not working on mobile touch HOT 8
- Hover on GithubCounter missing out on Chrome HOT 2
- Error when I import Reaction Counter HOT 3
- Changing color on background of reaction for slack counter HOT 2
- Reaction should have key and label to allow mutable text on tooltip to support i18n HOT 4
- Selector and Counter Bundlize as one HOT 4
- Make Slack selector opacity 1.0 by default, or allow custom styling HOT 1
- SlackSelector header/top bar category icons are missing HOT 2
- Slack Selector - Flag icons shows only letters on Windows
- Reaction Counter with unexpected box shadow
- Trouble styling some counters HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-reactions.