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

Allow setting Tabbar emoji list #8

Open
mbrimmer83 opened this issue Sep 10, 2023 · 0 comments
Open

Allow setting Tabbar emoji list #8

mbrimmer83 opened this issue Sep 10, 2023 · 0 comments

Comments

@mbrimmer83
Copy link

Love the library, super easy to use thus far. It would be nice if the library allowed setting the Tabbar emoji list with a custom list, this is super helpful when people have custom data they want to use.

export const categories = [
	{key: RECENT, emoji: '🕛', name: 'Recently used'},
	{key: 'emotion', emoji: '🤪', name: 'Smileys & Emotion'},
	{key: 'people', emoji: '💁‍♀', name: 'People & Body'}
] as const

 <EmojiPicker
     emojis={emojis} // emojis data source see data/emojis
     recent={recent} // store of recently used emojis
     autoFocus={true} // autofocus search input
     loading={false} // spinner for if your emoji data or recent store is async
     darkMode={true} // to be or not to be, that is the question
     perLine={7} // # of emoji's per line
     onSelect={console.log} // callback when user selects emoji - returns emoji obj
     onChangeRecent={setRecent} // callback to update recent storage - arr of emoji objs
     tabbarCategories={categories}
/>

What do you think? Any concerns?

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

1 participant