問題タブ [carbon-design-system]

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.

0 投票する
1 に答える
361 参照

javascript - 炭素設計システムのクラスを使用してマルチレベルのドロップダウンを表示するには?

メニューから特定のオプションにカーソルを合わせると、次のような別のオプション セットが開くドロップダウン メニューを実装したいと考えています (オプション 3 にカーソルを合わせると、オプション 4 と 5 を含むメニューが開きます) -

ここに画像の説明を入力

私は炭素クラスを使用して同様のことを試みてきました(https://the-carbon-components.netlify.app/?nav=dropdownおよびhttps://codepen.io/team/carbon/pen/wEGEozから参照)が、私はそれを達成することができません。

これは私のコードがどのように見えるかです - HTML -

CSS -

ここで、.bx--dropdown--open クラスは、「オプションを選択」ボックスをクリックした後、クラスbx--dropdwonを含むulに追加されます。

JS -

問題は、オプション 3にカーソルを合わせると、スクロールバーがドロップダウン メニュー内に表示され、オプションオプション 4オプション 5が最初のドロップダウン内にのみ表示されることです。

ここに画像の説明を入力ここに画像の説明を入力ここに画像の説明を入力

私が与えた最初の例と同じように、その箱の外に出してほしい。かなりの時間を費やした後でも、それを機能させる方法を理解できません。どんな助けでも大歓迎です。

0 投票する
1 に答える
164 参照

reactjs - Fable/Elmish でサードパーティの React コンポーネントを使用する

Carbon Design System - React SDK を Fable/Elmish アプリケーションに統合しようとしていますが、それを使用するには、すべてのコンポーネントのプロパティ タイプ定義(いくつかは私が推測したもの) を作成する必要があるようです。

コンポーネントには既に TypeScript 定義が含まれています。


試してみたい、または使用したいすべての React コンポーネントのタイプ定義を手動で作成する必要はありますか?

試してみたいすべてのコンポーネントのプロパティ タイプ定義を記述せずに、F# コードから React コンポーネントを使用する簡単または自動的な方法はありますか?

F# コミュニティの人々は、React エコシステムのコンポーネントをどのように使用していますか?


私はts2fableを試しましたが、無効で信頼できないコードを生成します:ほとんどの行にエラーがあるtypings/shared.d.ts、依存関係 (および React 型定義)もトランスパイルしました

TypeProvidersも検討していますが、これが問題の解決策になるかどうかはわかりません。