← すべてのコンテンツに戻る
ベースライブラリに@radix-ui/react-radio-groupを用いて、Android 9におけるRadioの状態遷移アニメーションを再現した。
Webではより迅速な応答が好まれること、ラジオボタンがフォームや設定でよく使われることからすると、アプリ全体の体験が遅く感じられるおそれがある。 こちらのアニメーションの方がシンプルで好み、アニメーションがなくても問題ない。
学んだこと
- SVGマスクを用いたラジオボタンの実装
- 最初のレンダリング時にアニメーションを行わない方法