Dioxus Emoji Picker

An emoji picker for the Dioxus web framework.

Usage

use dioxus::prelude::*;
use dioxus_emoji_picker::prelude::*;
use dioxus_emoji_picker::emoji_picker::options::*;

#[component]
fn example() -> Element {

	let emoji = use_signal(|| None);
	let options = use_signal( || EmojiPickerOptions::default() );

	rsx! {
		div {
			EmojiPicker { 
				emoji : emoji,
				options : options,
			}
		}
	}
}

Demo

Click here for demo.

CSS

Colors and size can be styled with CSS variables. For example:

emoji-picker {
  --emoji-size: 3rem;
  --num-columns: 6;
  --background: gray;
}

Full list of options: