スタイル自由でアクセシブルなHeadless UI

全2回

スタイルを自由に設定でき、かつアクセシブルなUIライブラリ、Headless UIを紹介するシリーズです。普段Webアプリケーションでよく見かけるようなUIに、好きな方法でスタイルを当てることができます。

第1回を読む

第2回 Dropdown Menuを使ってみよう その1

Headless UIのDropdown Menuを使って、メニューのUIを作ってみます。メニューを開いたら画面を半透明黒で覆うオーバーレイを出し、選択しているメニューをハイライトさせるところまでを実装してみましょう。

第1回 Headless UIの特徴と利用準備

自由に好きな方法でスタイルを当てることができ、なおかつアクセシブルなUIライブラリである、Headless UIを紹介します。まずはその特徴をつかんでみましょう。