Agile育成ブログ
未来を変える喜びを
未分類

Headless UI

Transition

一つの要素に対してアニメーションさせるにはTransitionRootで実装することができる。
showの値がtrueになった場合にモーダルが開く。

属性役割
enter表示時にセットされるスタイル
enterFrom表示アニメーション開始時のスタイル
enterTo表示アニメーション終了時のスタイル
leave非表示時にセットされるスタイル
leaveFrom非表示アニメーション開始時のスタイル
leaveTo非表示アニメーション終了時のスタイル