SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

CodeZineニュース

スタイルのないUIライブラリ「Headless UI v2.0 for React」がリリース

  • X ポスト
  • このエントリーをはてなブックマークに追加

  • X ポスト
  • このエントリーをはてなブックマークに追加

 米Tailwind Labsは、「Headless UI v2.0 for React」を、5月8日(現地時間)にリリースした。

 Headless UI v2.0 for Reactでは、Menu、Popover、Combobox、Listboxコンポーネントで新しいanchorプロパティを使用してアンカーの位置を指定し、--anchor-gapや--anchor-paddingなどのCSS変数を使用した配置の微調整が可能になっている。

 また、既存のRadioGroupコンポーネントを補完する新しいCheckboxコンポーネントが追加され、チェックボックスコントロールを完全にカスタムで構築できるようになった。

 あわせて、ネイティブフォームコントロールをラップするだけで、IDとaria-*属性を自動的に結びつける新たなHTMLフォームコンポーネントが追加されるとともに、ホバー、フォーカス、アクティブ状態検出の改善、コンボボックスリストの仮想化、Webサイトの一新、ドキュメントの改善などが行われている。

関連リンク

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
この記事の著者

CodeZine編集部(コードジンヘンシュウブ)

CodeZineは、株式会社翔泳社が運営するソフトウェア開発者向けのWebメディアです。「デベロッパーの成長と課題解決に貢献するメディア」をコンセプトに、現場で役立つ最新情報を日々お届けします。

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/19482 2024/05/13 10:30

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング