All examples

Emoji picker and text

Search and select Unicode emoji with keyboard navigation, category tabs and host-controlled recents.

Emoji picker and text

texuli-emoji-picker · texuli/EmojiPicker

texuli emoji
Props
  • label
  • onRecentIdsChange
  • onSelect
  • recentIds

Live example loads in an isolated same-origin preview frame.

Source (emoji/entry.ts) 
import { defineExample } from '../registry.ts';

export const texuliEmojiExample = defineExample({
  id: 'texuli-emoji-picker',
  title: 'Emoji picker and text',
  description:
    'Search and select Unicode emoji with keyboard navigation, category tabs and host-controlled recents.',
  tags: ['texuli', 'emoji', 'a11y'],
  component: 'texuli/EmojiPicker',
  props: ['label', 'recentIds', 'onRecentIdsChange', 'onSelect'],
  load: () => import('./EmojiDemo.svelte'),
});