Web App 3 v34

Visual Elements

Toast

• removes isClickable property
• adds canDismiss property. When set to true, the Toast can be dismissed via an x button.

Form

• supports default values in form input elements

  via value?: string prop

• supports mandatory checklist options

  via required?: boolean prop

• adds support for range form element

  https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range

  This is how it could be included as part of a form:

  export const FormContent = {
    title: 'This is an example form',
    description: 'How did the summit go?',
    form: {
      elements: {
        feedback: {
          name: 'How would you rate the summit overall?',
          type: 'range',
          min: 0,
          max: 10,
          selectedValue: 0,
        },
      },
      submitBtnTitle: 'Submit your input!',
    },
  } as const;

  selectedValue defaults to 0 if not specified.

• adds support for radio form element

  This is how it could be included as part of a form:

  export const FormContent = {
    title: 'This is an example form',
    description: 'How did the summit go?',
    form: {
      elements: {
        feedback: {
          name: 'Would you like to leave feedback?',
          type: 'radio',
          groupName: 'feedback',
          options: [
            {id: '0', label: 'yes', value: 'yes'},
            {id: '1', label: 'no', value: 'no'},
          ],
        },
      },
      submitBtnTitle: 'Submit your input!',
    },
  } as const;

Button

• ToolbarButton - makes roles prop optional. If not specified, the button is rendered for both hosts and guests

• Introduces SettingsMenuButton

  plugin.ui.addButton({
    position: 'settingsMenu',
    label: 'Send feedback',
    inMeetingOnly: false,
  });

Events

ConferenceStatus

• includes additional breakout data

AuthenticatedWithConference

• adds conferenceName property

BreakoutBegin

new

BreakoutEnd

new

BreakoutRefer

new

UserInitiatedDisconnect

new