Add custom emojis to Storybook

nolan/hinaloe-test
Etienne Lemay 2017-09-27 22:02:47 -04:00
parent c607fd8864
commit 9665c5d8fc
1 changed files with 15 additions and 0 deletions

View File

@ -8,6 +8,20 @@ import { Picker, Emoji } from '../src';
import '../css/emoji-mart.css'; import '../css/emoji-mart.css';
const SETS = ['apple', 'google', 'twitter', 'emojione', 'messenger', 'facebook'] const SETS = ['apple', 'google', 'twitter', 'emojione', 'messenger', 'facebook']
const CUSTOM_EMOJIS = [
{
name: 'Octocat',
short_names: ['octocat'],
keywords: ['github'],
imageUrl: 'https://assets-cdn.github.com/images/icons/emoji/octocat.png?v7'
},
{
name: 'Squirrel',
short_names: ['shipit', 'squirrel'],
keywords: ['github'],
imageUrl: 'https://assets-cdn.github.com/images/icons/emoji/shipit.png?v7'
}
]
storiesOf('Picker', module) storiesOf('Picker', module)
.addDecorator(withKnobs) .addDecorator(withKnobs)
@ -23,6 +37,7 @@ storiesOf('Picker', module)
skin={number('Skin tone', 1)} skin={number('Skin tone', 1)}
color={color('Highlight color', '#ae65c5')} color={color('Highlight color', '#ae65c5')}
showPreview={boolean('Show preview', true)} showPreview={boolean('Show preview', true)}
custom={CUSTOM_EMOJIS}
/> />
)); ));