Comments (2)
I really like what you did with the picker! Thanks for submitting the issue ๐ค
Frequently used default
In retrospective: I can see how the defaults choice can be tricky. Would you be in favor of being able to provide the default list instead of using the hardcoded one (the one I re-did)?
Smoother anchor bar transitions
Will look into the PR soon. I like the not-over-the-top-subtle-way you did it. ๐
Search bar fixed at the top
That has been done on my end too, Iโll be pushing and closing that issue shortly.
Search bar icon
๐
Clear search functionality
๐
Permanent scrollbar
๐ I do like it. We just need to make sure it looks okay on Windows (if youโre not already on Windows (Iโm not, but have access to)).
Click on preview icon to toggle skin tone picker
Iโm neither for nor against. It can however be useful when you want to just close the tone picker without selecting any.
Prettier
.emoji:hover
CSS
That one we really wanted to be different than Slack. While EmojiMart is very much inspired by theirs, the goal wasnโt to make an exact copy. That being said it does look pretty nice on OB, but Iโm pretty sure it wouldnโt fit on Missive. I donโt think I would want to force that style for everyone using the lib, but I would gladly accept a PR making it an option via a props ๐. Would be nice to have a default hardcoded array of HEX colors and allow devs to pass a different array of colors. Someone could only use 2, etc.
Misc CSS cleanups
๐ All in for cleanups. Vanilla CSS may also start to become a little bit less practical. I wouldnโt mind using SCSS w/ Autoprefixer if need be.
In other news:
Performance updates coming soon ๐
from emoji-mart.
Awesome, sounds good. I was going to mention performance, and I'm very glad you brought it up!
In terms of icons (for the search icon, as well as clear icon) I have been using font-awesome. What is your source for the icons? Would you be open to using font-awesome throughout? What do you suggest?
from emoji-mart.
Related Issues (20)
- allow escape listeners
- A11Y: various issues HOT 2
- Previous version Emoji picker are breaking due to new data.json HOT 1
- Error using emoji-mart Picker in Chrome Extension HOT 1
- There is an expression that displays abnormally
- onClickOutside is called even when user clicks inside Picker
- Feature Request: quick reactions picker HOT 2
- How to use .update method ?
- do you have a tool to create the dataset out of the official annonations?
- Optional chaining in distributed code breaks webpack 4
- A form field element has neither an id nor a name attribute
- How to disable custom emoji feature?
- How to remove the preview part? HOT 6
- onEmojiSelect is selecting native emoji but set prop is assign to "apple"
- Need some new configuration parameters HOT 1
- Add Quick Reactions Picker to `emoji-mart`
- How to reset/update or re-render Picker?
- exceptEmojis doesn't work with different instances.
- Be able to go to category even while search is active
- clicks don't work inside MUI modal dialog HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from emoji-mart.