0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

家計簿アプリを作る#17

Posted at

モバイル用のDrawerを見ていきます。

スクリーンショット 2025-03-18 133255.png
xsは、画面のサイズが0ピクセル以上で、display "block"を適用し、smは、画面のサイズが600ピクセル以上で、display "none"を適用してます。

スクリーンショット 2025-03-18 133622.png
画面のサイズが600ピクセル以上なったときに、👆の左側のメニューが消えます。

スクリーンショット 2025-03-18 133834.png
また、variant="temporary"とすることで、

スクリーンショット 2025-03-18 133928.png
こちらを押したりして、Drawerの表示と非表示を切り替えることができます。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?