Comments (11)
Alright, thanks for the update!
- Facebook Selector (and Pokemon Selector)
- GitHub Selector
- Slack Selector
- Custom Selector
We can use this to track updates. I'm not sure when I'll get time to do this either. But I'll update this if I start to work on it. Or you can let me know if you do. Thanks!!
from react-reactions.
I agree. Want to make a PR? I'm a little busy this week so it would be a bit until I can add this.
from react-reactions.
@charkour I'd be happy to do it. I'll create one as soon as I have time. 😁
from react-reactions.
Thanks! I appreciate it.
from react-reactions.
@justemoilouise, which selectors would you like this to apply to? All of them?
Also, are you actively working on this? If yes, I can assign you to this issue. Thanks
from react-reactions.
@charkour it would be nice to apply it to all of them. I haven't started working on this. 😅
from react-reactions.
Hello,
Is there any news regarding the custom styling feature ?
Thanks !
from react-reactions.
Hey @lagroms,
Right now this custom styling feature is supported for the Custom Selector. Do you need support for other selectors?
Thanks
from react-reactions.
Well I'm using the custom ReactionBarSelector, but no custom class in being applied in my case. Maybe I'm missing something ?
I'm using css-modules in my case :
const Reactions = ({ onSelect }) => {
return (
<ReactionBarSelector
className={styles.reactions_container}
reactions={reactionOptions}
onSelect={onSelect}
/>
);
};
from react-reactions.
My bad, my question was regarding the ability to add a className on the component, instead of passing the style directly to it, and also have more control on the rest.
For exemple, i'd like to style the labels, not sure this is currently possible ?
Thanks.
from react-reactions.
Hi @lagroms!
Currently it is not possible to style the labels, but that is a great idea. Would you be willing to make a PR for this feature?
from react-reactions.
Related Issues (20)
- More flexible Reaction Counter HOT 3
- 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
- You didn't show in custom counter HOT 16
- 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 labels are not showing while using overflow-x to hidden HOT 25
- 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.