ブログBlog

XDでボタンのホバーとフォーカス時の作り方

投稿日:2021年08月02日 デザイン

こんにちは

山根です

今回はXDでボタンのホバーとフォーカス時の作り方を紹介しようと思います。

コンポーネントへの複数ステートの追加

コンポーネントへの複数ステートの追加

作成の仕方

コンポーネントを作成し、リピートグリッドの下にコンポーネント(メイン)があるので+を押下。選択肢にホバーステートとトグルステートがあるのでどちらかにフォーカスを置き、デザインを変えるとホバー時やクリックした時のデザインを作成することが出来ます。

デザインが終わったら初期設定のステートにフォーカスを置いて上の再生アイコンを押すと実際の動作を確認することが出来ます。

PAGE TOP