Skip to content

[Flyout System] Improve flyout animations #8896

@tkajtoch

Description

@tkajtoch

Problem Statement

EuiFlyout is currently missing closing animations and would benefit from better open state management. We should add the isOpen prop and support proper opening and closing animations in regular and resizable flyouts.

Proposed Solution

Opening and closing animations should be added to EuiFlyout, matching the design of that component and the general look and feel of EUI flyouts.

Use Case

This is needed for the global flyouts initiative. The initial implementation was done in #8771. Integration with managed flyouts will be done separately in #8990.

Value / Impact

Urgency

EuiFlyout closing animations are not a requirement for this quarter, but would be very welcome.

Do alternatives or workarounds exist?

Not at this moment. Overriding styles outside of EUI doesn't make sense in this case.

Related code or customizations

Metadata

Metadata

Assignees

Labels

No labels
No labels
No fields configured for Enhancement.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions