Skip to content

docs(fab): document animated property and reduced motion with playgro… - #4843

Open
ShaneK wants to merge 1 commit into
feature-9.1from
FW-7511
Open

ShaneK wants to merge 1 commit into
feature-9.1from
FW-7511

Conversation

@ShaneK

@ShaneK ShaneK commented Nov 12, 2026 •

Copy link
Copy Markdown
Member

⚠️ This PR uses a dev build. The StackBlitz dependencies in static/code/stackblitz/v9/ and the CDN links in static/usage/v9/fab/animation/demo.html need to be switched to the released version once 9.1 is out.

Issue number: internal


What is the current behavior?

Currently, the fab docs don't mention the fab button's animations, since there was no way to turn them off and they ignored reduced motion.

What is the new behavior?

This PR adds an Animation section to the fab docs for the new animated property from ionic-team/ionic-framework#31743. It covers turning the transitions off per button or with the global animated config, the md ripple that still plays when only the property is set, and what changes when the user prefers reduced motion. The new playground puts a fab with the default transitions next to one with animated set to false so the difference is visible.

Other information

Fab animation docs (this branch)

@ShaneK
ShaneK requested a review from a team as a code owner November 12, 2026 16:54
@ShaneK
ShaneK requested review from thetaPC and removed request for a team November 12, 2026 16:54
@vercel

vercel Bot commented Nov 12, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
ionic-docs Ready Ready Preview Nov 12, 2026 4:54pm UTC

Request Review

This branch was successfully deployed

1 active deployment
Preview — 5d6f118d Deployed Nov 12, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant