fk-d-menu を使用したヘッダードロップダウンメニューの配置

ヘッダーにドロップダウンメニューを追加する最初のコンポーネントを作成しました。fk-d-menuを使用しています。セットアップは非常に簡単でわかりやすいです。スタイルに関しては、パネルがヘッダーのすぐ下にアタッチされているのがあまり好きではありません。

新しい公式コンポーネントでも同様のようです。

位置を調整して、少し上下に浮かせるように試しましたが、良い方法を見つけることができませんでした。推奨されるアプローチはありますか?

「いいね!」 1

コードへのリンクを貼ると、より適切なヘルプが得られます。

「いいね!」 2

これは DMenu コンポーネントの配置に関する一般的な質問でしたが、コンポーネントのコードを詳しく確認する必要があります。:melting_face: offset 引数もあるようなので、次のように配置できます。

<DMenu
 @placement="bottom-end"
 @offset="0"
 ..
>

そして、他のメニューパネルのように、ヘッダーのわずかに上に配置されます。

「いいね!」 3