Emoji picker

Search, categories and skin tones.

Partial

<%= fields_for :project do |form| %>
  <%= render("lostcoords/ui/components/emoji_picker", form: form, field: :emoji, value: "✨", quick: %w[🥝 🍣 🍜 ☕], label: "Choose an emoji", catalog_url: "/emoji-catalog.html") %>
<% end %>

Groups

😀🧑🐻🍔🚗⚽💡🔣🏁

<%= emoji_picker_groups.map { |group| group[:icon] }.join %>

Count

1923

<%= emoji_picker_count %>

Version

18.0-en-search-v3

<%= emoji_picker_version %>

Search name

kiwi fruit

<%= emoji_picker_search_name("🥝") %>

Search text

🥝 kiwi fruit キウイキウイフルーツ果物 kiui kiuifurutsu food & drink food drink food-fruit food fruit

<%= emoji_picker_search_text("🥝") %>

Search labels

kiwi fruit|キウイ|キウイフルーツ|果物

<%= emoji_picker_search_labels("🥝") %>

Toneable

true

<%= emoji_picker_toneable?("👍") %>

API reference

emoji_picker_groups

emoji_picker_groups

Parameter	Default	Values

emoji_picker_count

emoji_picker_count

Parameter	Default	Values

emoji_picker_version

emoji_picker_version

Parameter	Default	Values

emoji_picker_search_text

emoji_picker_search_text(emoji)

Parameter	Default	Values
emoji	Required	—

emoji_picker_search_name

emoji_picker_search_name(emoji)

Parameter	Default	Values
emoji	Required	—

emoji_picker_search_labels

emoji_picker_search_labels(emoji)

Parameter	Default	Values
emoji	Required	—

emoji_picker_toneable?

emoji_picker_toneable?(emoji)

Parameter	Default	Values
emoji	Required	—

render "lostcoords/ui/components/emoji_picker"

Local	Default
form	Required
field	Required
value	nil
quick	[]
recent	[]
recent_scope	nil
label	Required
catalog_url	Required
picker_class	nil
trigger_class	nil
popover_class	nil
auto_submit	false

Controller options

Attribute	Type	Default
data-emoji-picker-auto-submit-value	Boolean	false
data-emoji-picker-recent-limit-value	Number	12
data-emoji-picker-recent-scope-value	String	""
data-emoji-picker-lift-value	Boolean	true
data-emoji-picker-catalog-url-value	String	""