問題タブ [tailwind-ui]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css-transitions - 非表示のプロパティを切り替えるときに、Tailwind で CSS トランジション効果を実装するにはどうすればよいですか?
ランディング ページに TailwindUI を使用しており、折りたたまれていないときは次のようなドロップ ダウン メニューが含まれています。
現在、非表示のプロパティを切り替える非常に単純なインライン JavaScript を使用して、[ソリューション] リンクをクリックするとメニューが表示されるようにしています。コードは次のようになります。
メニューの切り替えが急激にならないように遷移効果を実装する方法を知りたいです。TailwindUI では、次の設定が推奨されています。
これを行う最善の方法は何ですか？
javascript - headlessUi (tailwind) 選択をオートフォーカスする方法は?
1 つのページを開くときは、選択を既に開いておく必要があります。このtailwindcss selectを使用します
私はこれを試しました
小道具「オートフォーカス」は存在しますが、機能していないようです。なにか提案を？
ruby-on-rails - レールアプリにtailwindui JSを統合する方法
私はesbuildでRails 7を使用しています。私はtailwindUIを使用しています。css コンポーネントのみを使用する場合は、適切に機能します。コンポーネントが JS を使用すると、動作しなくなります。たとえば、ドロップダウン メニューはデフォルトで開いていて、閉じることができません。tailwind.config.js に require('@tailwindcss/ui') を追加しました
Rails 7.0.0.alpha2 ruby 3.0.2p107 "@tailwindcss/ui": "^0.7.2"
何か案が？