mention-custom-view.md 1.0 KB

Mention

NOTE: Playground for testing model implementation.

Configuration

The mention with custom feed and view representation.

The list is returned in promise (no timeout) and is filtered for any match of label and username (custom feed):

The feed:

  • { label: 'Barney Stinson', link: 'https://www.imdb.com/title/tt0460649/characters/nm0000439' }
  • { label: 'Lily Aldrin', link: 'https://www.imdb.com/title/tt0460649/characters/nm0004989?ref_=tt_cl_t5' }
  • { label: 'Marshall Eriksen', link: 'https://www.imdb.com/title/tt0460649/characters/nm0781981' }
  • { label: 'Robin Scherbatsky', link: 'https://www.imdb.com/title/tt0460649/characters/nm1130627' }
  • { label: 'Ted Mosby', link: 'https://www.imdb.com/title/tt0460649/characters/nm1102140' }

The item is rendered as <span> instead of default button.

Interaction

You can interact with mention panel with keyboard:

  • move arrows up/down to select item
  • use enter or tab to select item.

Note: Mouse trigger not yet implemented.