treehouse
/
emoji-mart-lazyload
20
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

💄

release
Etienne Lemay 2018-08-10 14:14:18 -04:00
parent 2c060c56bc
commit 94e7b2d878
No known key found for this signature in database
GPG Key ID: EE7CF89146BB28E9
1 changed files with 9 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
stories/index.js
View File

@ -32,7 +32,7 @@ const CUSTOM_EMOJIS = [
storiesOf('Picker', module) storiesOf('Picker', module)
.addDecorator(withKnobs) .addDecorator(withKnobs)
.add('default', () => ( .add('Default', () => (
<Picker <Picker
onClick={action('clicked')} onClick={action('clicked')}
onSelect={action('selected')} onSelect={action('selected')}
@ -51,29 +51,16 @@ storiesOf('Picker', module)
custom={CUSTOM_EMOJIS} custom={CUSTOM_EMOJIS}
/> />
)) ))
.add('with a custom not found image', () => (
.add('Custom “Not found” component', () => (
<Picker <Picker
notFound={() => ( notFound={() => (
<img src="https://assets-cdn.github.com/images/icons/emoji/octocat.png?v7" /> <img src="https://assets-cdn.github.com/images/icons/emoji/octocat.png?v7" />
)} )}
/> />
)) ))
.add('with a custom not found SVG', () => (
<Picker .add('Custom category icons', () => (
notFound={() => (
<svg
aria-labelledby="simpleicons-jira-icon"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title id="simpleicons-jira-icon">Jira icon</title>
<path d="M23.323 11.33L13.001 1 12 0 4.225 7.775.67 11.33a.96.96 0 0 0 0 1.347l7.103 7.103L12 24l7.771-7.771.121-.121 3.431-3.431a.945.945 0 0 0 0-1.347zM12 15.551L8.449 12 12 8.453 15.548 12 12 15.551z" />
</svg>
)}
/>
))
.add('with-custom-icons', () => (
<Picker <Picker
custom={CUSTOM_EMOJIS} custom={CUSTOM_EMOJIS}
icons={{ icons={{
@ -180,7 +167,8 @@ storiesOf('Picker', module)
}} }}
/> />
)) ))
.add('custom-skin-icon', () => (
.add('Custom skin emoji', () => (
<Picker <Picker
native={boolean('Unicode', true)} native={boolean('Unicode', true)}
emojiSize={24} emojiSize={24}
@ -190,7 +178,7 @@ storiesOf('Picker', module)
storiesOf('Emoji', module) storiesOf('Emoji', module)
.addDecorator(withKnobs) .addDecorator(withKnobs)
.add('default', () => ( .add('Default', () => (
<Emoji <Emoji
native={boolean('Unicode', true)} native={boolean('Unicode', true)}
set={select('Emoji pack', SETS, SETS[0])} set={select('Emoji pack', SETS, SETS[0])}
@ -206,7 +194,7 @@ storiesOf('Emoji', module)
storiesOf('Headless Search', module) storiesOf('Headless Search', module)
.addDecorator(withKnobs) .addDecorator(withKnobs)
.add('default', () => { .add('Default', () => {
let results = emojiIndex.search(text('Search', 'christmas'), { let results = emojiIndex.search(text('Search', 'christmas'), {
custom: CUSTOM_EMOJIS, custom: CUSTOM_EMOJIS,
}) })