![]() To change the size, you can use the standard CSS pseudo, font-size.ĭemo ◆ Component emoji-rain by notwaldorf One special thing about emo-ji is that you can name the component with any name you want when registering the element, for example, cool-emoji. The full list of figures with their names can be checked out here. The component lets you use descriptive names to show the corresponding emoji with the attribute type. Check out the demo below.ĭeveloped by wbinnssmith, emo-ji is a native web component emoji selector. The author does not provide any properties to change the emojis directly, but you can always alter it directly in emoji-reaction-mixin.html. The reaction will get slightly bigger when hovered or selected, plus you can simply get the clicked value with the attribute selected. And they also have their own emoji-reaction-selector, a component that allows you to react with feelings.ĭoes this look familiar? We are talking of Facebook look-alike reactions here, emoji-reaction-selector consists of 5 emojis (love, happy, surprised, sad, angry), which are ordered in the scale of emotions. We have featured many Collaborne’s great components, from simple ones like the dialog, or the spinner, to complicated ones, such as the password input. ![]() Check the demo below for a detailed example.ĭemo ◆ Component emoji-reaction-selector by Collaborne You can change the colors of the dropdown list background and the category icons. You can find it in the first section of categories. Another nice feature that emoji-selector has is the recently used emoji window. There is a search bar as well, so you can save time by typing the icon name. The component is a button with a picture of a face, which upon clicking, opens a list of emojis. As a part of the collection, emoji-selector strikes for its simple but effective design, and a library containing hundreds of emojis. When it comes to web components and emojis, nobody can beat notwaldorf against the collection full of emoji components ( emoji-rain, emoji-translate). Let’s check out some of the coolest emoji components out there. ![]() July 17th is the World Emoji Day so in order to help you prepare for the celebrations, we are dedicating this week’s Web Component Wednesday to Emojis. Web Components Wednesday (WCW) blog series is created for two purposes: introducing easy-to-use components and educating people on the concept of Web Components.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |