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

how to add css in textbox #5

Open
mehuljariwala opened this issue Mar 2, 2019 · 2 comments
Open

how to add css in textbox #5

mehuljariwala opened this issue Mar 2, 2019 · 2 comments

Comments

@mehuljariwala
Copy link

i tried to many thing but i did't find it how to give css to input tag

@svnm
Copy link
Member

svnm commented May 25, 2019

Will need to modify the component to take className as a prop and pass it through to the input tag. Feel free to set up a pr. I am looking to move over from styled components to emotion in the near future though, and improve all the reuse of component styles, possibly using themes, but will be nice to allow some way of passing classNames down

@Maybach91
Copy link

For everyone who came across this, according to @svnm you need to add this line to the Picker.js

My Steps were the following:

  • fork the whole project
  • change the line mentioned below
  • run yarn run build
  • add your forked repo as dependency with yarn/npm

Maybach91@8a44fe0#diff-315853bfbd506d145cf34dd6f0ad6a76R87

Use in your project:

import Picker, { GiphyPickerWrapper } from 'react-giphy-picker'
import styled from 'styled-components'

const StyledPicker = styled(Picker)`
  ${GiphyPickerWrapper} {
    background: red;
  }
`;

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

3 participants