Back to product momentsMotion Pack 21 · Choice
Permission change
When access scope changes, use the current rule, option explanation, and saved result to reduce ambiguity.
Build a permission-change choice: let users choose between Invited members only and Anyone with the link, update the explanation after selection, and show an Updated state after saving. Keep option copy fully readable and provide a reduced-motion treatment.
State changeScale inThe selected icon uses slight scale to confirm the current access rule.State changeText morphThe top permission summary updates in place with the selected option.TimingEasingBoundary and selected icon share a short settling curve.Reduced motionReduced motionReduced motion retains selection, explanatory copy, and saved result.
Motion rules
After saving, use the active rule and updated time to confirm the new scope.
Reduced motion
Keep selected icon, explanation, and save result while omitting scale.
Implementation
Copy HTML, CSS, and the JavaScript required for behavior together.