2021-04-06 ドラッグで幅可変なサイドメニューを作った JavaScript Vue.js tailwindcss はじめに SlackやVisual Studio Codeのようにサイドメニューの幅をドラッグで調整できるサンプルを作った。 先に結果 開発環境 Vue 3 Tailwind 仕様 サイドメニューとメインコンテンツの間に仕切りを用意 サイドメニューとメインコンテンツと仕切りの幅はGridで指定 仕切りをドラッグした時に、サイドメニューの幅を変更 今回はpageX(ブラウザ画面のX軸座標)を幅としている ソースコード VueTailwind resizeable sidemenu