ai/ai-chat/ai-chat-action.component.ts

Description

Projects arbitrary content into the action bar beneath the c8y-ai-chat input box.

Place one or more <c8y-ai-chat-action> elements inside a <c8y-ai-chat> (or <c8y-agent-chat>) and use the placement input to position them. The projected content is rendered as-is, so it can hold any component or control (buttons, dropdowns, tags, and so on).

Example :

<c8y-ai-chat-action placement="left">
  <button class="btn btn-link btn-sm"><i c8yIcon="attach"></i></button>
</c8y-ai-chat-action>

Example

<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;c8y-ai-chat-action placement=&quot;left&quot;&gt;
  &lt;button class=&quot;btn btn-link btn-sm&quot;&gt;&lt;i c8yIcon=&quot;attach&quot;&gt;&lt;/i&gt;&lt;/button&gt;
&lt;/c8y-ai-chat-action&gt;</code></pre></div>

Metadata

changeDetection	`ChangeDetectionStrategy.OnPush`
host	`{ }`
selector	`c8y-ai-chat-action`
templateUrl	`./ai-chat-action.component.html`

Relationships

Used by

AgentChatComponent

Depends on

No results matching.

<ng-template>
  <ng-content></ng-content>
</ng-template>