Vivid API

June 2024 - Monthly Update

Office Hours Meetings

11/06/2024

Cancelled due to holiday

25/06/2024

Watch the recording

  • Shared value and contributions discussion - 0:29

Major Release: v4.0.0

We have released a new major version of Vivid. The release contains a number of small breaking changes which are detailed in the migration guide.

ESLint Plugin for Vivid

Along with the new version, we have released a new Vivid ESLint plugin which extends ESLint to catch issues specific to Vivid Vue projects.

The plugin can help to:

  • Catch issues like accessibility violations.
  • Guide towards best practices and correct usage.
  • Detect use of deprecated APIs and provide automated fixes.

Improved Event Typing and Documentation

In response to some feedback given in the Office Hours meeetings, the events our components emit are now more strongly typed and they are all now documented on the relevant component pages. Example

Button: New outlined-light Appearance

The Button component has a new outlined-light appearance. This introduces opacity to the background color in a hover state and lightens the border color.

Audio-player: Playback Rates

The Audio-player has been extended to include the option of choosing different playback rates.

Announcement Connotation

The announcement connotation has been added to Badge, Button, and Split-button.

Combobox: Ghost Appearance

We have added the same ghost appearance to Combobox that is available in the text-field component.

Number-field: Support For Locales That Use A Comma Separator

As part of our work to add German to our supported localisation locales, we identified that we needed to extend the Number-field component to support using a comma as a separator.