Create a custom dropdown button group

A custom button does not need to be a single button. This example returns a ui.buttonGroup() with a dropdown trigger and reusable snippet actions.

HTML output

Ready.

Example configuration - Dropdown Buttons

function SnippetButton(context) {
  const ui = context.ui;
  return ui.buttonGroup([
    ui.button({
      className: 'dropdown-toggle',
      contents: ui.dropdownButtonContents('Snippets', context.options),
      data: { toggle: 'dropdown' },
    }),
    ui.dropdown({
      items: [
        { value: 'badge', label: 'Info badge' },
        { value: 'quote', label: 'Blockquote' },
      ],
    }),
  ]).render();
}