Configuration

// config/plugins.ts
export default {
  'bynder-media-library': {
    enabled: true,
    config: {
      portalUrl: 'your-company.getbynder.com',
      language: 'en_US',
      theme: {
        colorPrimary: '',
        colorButtonPrimary: '',
        colorButtonPrimaryLabel: '',
        colorButtonPrimaryActive: '',
        colorButtonPrimaryHover: '',
        colorButtonPrimaryHoverLabel: '',
      },
      button: {
        label: '',
        variant: 'default',
        size: 'M',
        fullWidth: true,
        showIcon: true,
      },
    },
  },
};

Key	Default	Meaning
portalUrl	empty	Your Bynder portal domain
language	en_US	Language of the picker
theme.colorButtonPrimary	empty	Button colour
theme.colorButtonPrimaryHover	empty	Button colour on hover
theme.colorButtonPrimaryActive	empty	Button colour when pressed
theme.colorButtonPrimaryLabel	empty	Button label colour
theme.colorButtonPrimaryHoverLabel	empty	Button label colour on hover
button.label	empty	Text of the select button. A string is used for every admin language; an object such as { en: 'Choose from Bynder', fr: 'Choisir dans Bynder' } gives one text per language. A language without a text shows the default
button.variant	default	default (filled), secondary (outlined), tertiary (soft) or ghost (text only)
button.size	M	S, M or L
button.fullWidth	true	Stretch the button across the field
button.showIcon	true	Show the Bynder mark in the button
theme.colorPrimary	empty	Accepted for compatibility; the picker does not use it

An empty colour means Bynder’s default. Values saved on the Settings page in the admin override this file; Restore default settings goes back to it.