Skip to content

Animation: Table - Adding / removing table rows  #1382

@andrew-ronaldson

Description

@andrew-ronaldson

Related to this Cockpit issue cockpit-project/cockpit#17094

Goal

Provide an animated transition to add & remove rows in a tables using our new motion tokens.

Similar to our alerts groups. The trailing rows would slide down and the new row could fade into view. For exiting, the reverse would happen.

Considerations

  • When using toolbar filtering do the rows animate out or just straight disappear? There could be a skeleton loader transition if the filters take time to load.
  • Do we need a new class to trigger this animation and will it require react follow up.

Metadata

Metadata

Labels

AnimationA new or enhanced animation for a component

Projects

Status

Done

Status

No status

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions