Pass className to Selector

[justemoilouise]

Ideally, it would be nice to be able to pass a className into the selectors so users could add their own styles into it - background-color, etc.

[charkour]

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.

[justemoilouise]

@charkour I'd be happy to do it. I'll create one as soon as I have time. 😁

[charkour]

Thanks! I appreciate it.

[charkour]

@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

[justemoilouise]

@charkour it would be nice to apply it to all of them. I haven't started working on this. 😅

[charkour]

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!!

[lagroms]

Hello,

Is there any news regarding the custom styling feature ?

Thanks !

[charkour]

Hey @lagroms,

Right now this custom styling feature is supported for the Custom Selector. Do you need support for other selectors?

Thanks

[lagroms]

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}
        />
    );
};

[lagroms]

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.

[charkour]

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?