# Form toolkit -- ドキュメントのトピックやテストに記載されている通りにコンポーネントでツールチップを動作させることができない

**URL:** <https://meta.discourse.org/t/form-toolkit-cant-get-tooltip-to-work-with-component-as-described-in-doc-topic-or-in-tests/366561>\
**Category:** Development\
**Created:** [2025 年 5 月 17 日午後 4:59 UTC](https://meta.discourse.org/t/form-toolkit-cant-get-tooltip-to-work-with-component-as-described-in-doc-topic-or-in-tests/366561 "2025-05-17T16:59:12Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [2025 年 5 月 19 日午前 2:47 UTC](https://meta.discourse.org/t/form-toolkit-cant-get-tooltip-to-work-with-component-as-described-in-doc-topic-or-in-tests/366561/2 "2025-05-19T02:47:47Z")

</div>

確かに、テストとドキュメントは少し紛らわしいです。

コードを見ると、`DTooltip` コンポーネントを返すだけでよいことがわかります。  
例えば、これは私にとってはうまくいきます。

```js
const tooltip = <template>
    <DTooltip @icon="circle-question" @content="test" />
</template>

<form.Field
    @name="username"
    @title="Username"
    @validation="required"
    @tooltip={{tooltip}}
    as |field|
>
    <field.Input />
</form.Field>

```

![image](https://global.discourse-cdn.com/meta/original/4X/3/5/f/35f583c312d32e3ee5abc1f1b4531087df9d08bc.png)

---

_[View the full topic](https://meta.discourse.org/t/form-toolkit-cant-get-tooltip-to-work-with-component-as-described-in-doc-topic-or-in-tests/366561)._