VuetifyでQiita風UIを作る - チーム切り替えメニュー - Qiita

「VuetifyでQiita風のコンポーネントを作る」、今回はヘッダーのチーム切り替えメニュー編です。 目的やVuetifyの説明、他のコンポーネントについてはこちら チーム切り替えメニューとは ロゴの右側にある、下三角から開けるメニューのことです。(命名は勝手にしました。) Qiita:Teamに所属していない方にはあまり馴染みのないものかもしれませんが、 Qiita:Teamにログインしていると、このメニューから切り替えることができます。 実際のイメージはこのような感じです。 Qiita:Teamにログインしているとき Qiita:Teamにログインしていないとき Vuetifyで実装 まずはCodepenで作ったサンプルを紹介。 See the Pen Vuetify Qiita風Team切り替えメニュー by totto357 (@totto357) on CodePen. SFC