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

Change color of send button #681

Closed
SytzeAndr opened this issue Dec 27, 2017 · 3 comments
Closed

Change color of send button #681

SytzeAndr opened this issue Dec 27, 2017 · 3 comments

Comments

@SytzeAndr
Copy link

SytzeAndr commented Dec 27, 2017

Issue Description

I want to change the color of the send button. I tried doing something similar to #640 (changing wrapperStyle -> style is also no solution) as that worked for me to change the color of the chat-bubble, but the color of the send button still remains the default blue one. What is going wrong here?

code snippet


renderSend(props) {
        return (
          <Send 
            {...props}
            wrapperStyle={{
            text: {
                  color: commonColor.brandPrimary
                }
            }}>
            </Send>
        );
    }

Expected result
A send button with a specified color

@mafiusu
Copy link

mafiusu commented Jan 10, 2018

You should pass textStyle Object as a prop and not text. There you have your color: 'specific color'.

@pavithra2110
Copy link

Its's not working for me

<Send {...props} wrapperStyle={{ textStyle: { color: 'red' } }} > </Send>

@reimertz
Copy link

reimertz commented Jan 4, 2019

Its's not working for me

<Send {...props} wrapperStyle={{ textStyle: { color: 'red' } }} > </Send>

I figured it out by checking the source.

<Send {...props} textStyle={{ color: constants.primaryColor }} label={'Send'} />

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

No branches or pull requests

4 participants