Weird Display

[jshuadvd]

Hi there - Whenever I import the component any where into my app it displays very strange. Can you shed some light on this for me?

http://imgur.com/a/fl9Oz

Here is my component code:

<Picker 
    emojiSize={24} 
    sheetSize={64} 
    color='#39BFD4' 
    perLine={16} 
    skin={1} 
    native={false} 
    set='emojione' 
    onClick={ (emoji)=> console.log(emoji) } 
/> 

Strange thing is the color doesn't even change for the main icons above the search. I am using React v15.4.1

Any help would be greatly appreciated. Thanks

[EtienneLem]

Oh, I just realized that it’s not in the README, but you need to include the CSS too https://github.com/missive/emoji-mart/blob/master/css/emoji-mart.css

Will try to make it so it’s automatically inserted.

[jshuadvd]

Ok great thanks. I added that in and it works fine. I assumed it was included. Thanks for your help!

[jshuadvd]

Hey @EtienneLem I have a quick question and didn't want to create an issue. Is there a simple way to add more than one emoji at a time? Seems like it's limited to just one item.

[EtienneLem]

Mmh, could you be a little bit more specific about what you’re trying to do?

[jshuadvd]

Sure, I want to be able to add multiple emojis to my input to send in a message, currently I can only add one at a time. Essentially it seems currently that every time I click on an emoji, it is replaced by the other. I want to be able to append the item.

[EtienneLem]

Well that depends on how you’re implementing the onClick callback, but that business logic is out of EmojiMart’s scope.

[jshuadvd]

Thanks for the quick response. I have the onClick on the instance of the <Picker>

Picker onClick Call

I understand. Sorry for bugging you.