Tailwindは、7月25日、Tailwind CSSの有料版「Tailwind Plus」のすべてのUIブロックがJavaScriptフレームワークに依存せず機能するようになったことを発表した。
今回新しく追加された@tailwindplus/elementsは、カスタムインタラクティブUIを構築するためのヘッドレスカスタム要素のコレクション。ユーティリティクラスまたはカスタム CSSを使用して、スタイルを自由に設定できる。
これは、特定のJavaScriptフレームワークに依存することなく、<script>タグを使用できる場所であれば機能する。
これにより、従来はJavaScriptフレームワークが必須だったドロップダウンやコマンドパレットなどのUIブロックが、プレーンHTMLに行を追加を追加するだけで利用できるようになった。
今回、Elementsの最初のリリースとして以下の要素群をサポートしている。
- Autocomplete
- Command palette
- Dialog
- Disclosure
- Dropdown menu
- Popover
- Select
- Tabs
詳細はブログポストおよびドキュメントから確認できる。
- 関連リンク
この記事は参考になりましたか？
- この記事の著者
-
CodeZine編集部（コードジンヘンシュウブ）
CodeZineは、株式会社翔泳社が運営するソフトウェア開発者向けのWebメディアです。「デベロッパーの成長と課題解決に貢献するメディア」をコンセプトに、現場で役立つ最新情報を日々お届けします。
※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です
