Code Monkey home page Code Monkey logo

react-native-emoji-selector's Introduction

react-native-emoji-selector

Image preview

Installation

npm install --save react-native-emoji-selector
import EmojiSelector from 'react-native-emoji-selector'

Demo

Demo GIF

Usage

Basic usage

<EmojiSelector onEmojiSelected={emoji => console.log(emoji)} />

Setting a default category

If you'd like to define a different default category, you can import the Categories class. Setting a default category can also improve performance by loading a single section rather than all sections at once.

import EmojiSelector, { Categories } from "react-native-emoji-selector";

<EmojiSelector
  category={Categories.symbols}
  onEmojiSelected={emoji => console.log(emoji)}
/>;

The available categories are all, emotion, people, nature, food, activities, places, objects, symbols, and flags.

Props

Prop Type Default Description
onEmojiSelected func Function called when a user selects an Emoji
theme string "007AFF" Theme color used for loaders and active tab indicator
showTabs bool true Toggle the tabs on or off
showSearchBar bool true Toggle the searchbar on or off
showHistory bool false Toggle the history tab on or off
showSectionTitles bool true Toggle the section title elements
category enum "all" Set the default category. Use the Categories class
columns number 6 Number of columns accross
placeholder string "Search..." A string placeholder when there is no text in text input
shouldInclude func Function called to check for emoji inclusion

Contributors

Special thanks to everyone who has contributed to this project!

Victor K Varghese Kubo Mateo Silguero Anastasiia Kravchenko Sindre Lucas Feijo

react-native-emoji-selector's People

Contributors

arronhunt avatar dependabot[bot] avatar evertoncunha avatar lucasfeijo avatar ma96o avatar mateosilguero avatar victorkvarghese avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.