Skip to content

Animation - enable opt-in animations #841

@srambach

Description

@srambach

Many of the animations have been implemented as opt ins to avoid breaking changes and also to mitigate risk. For example, the TreeView does not have a structure change or CSS modifier change, but does change the way the component is rendered, which could have performance implications. Most however, have added hasAnimations to add necessary CSS classes for the animation.

In order to make it easy for consumers to turn on animations, we could create codemods that would flip the switch to enable opt-ins where possible.

These components have a new prop hasAnimations that enables animation.
<FormFieldGroupExpandable>
<DualListSelector>
<TreeView>
<Table>
<AlertGroup>
<SearchInput>

Note that it is NOT intended that these codemods are required for consumers updating to the Q2 release (i.e. this release is NOT breaking), but it is intended as an assist for those consumers who desire to enable animations.

Required actions:

  1. Build codemod
  2. Build test
  3. Update readme with description & example

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

Status

Needs triage

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions