File

src/ai-label/ai-label-content.directive.ts

Description

Optional marker for the main body region inside <cds-ai-label>. Implementing this for semantics only. The structure also matches that of toggletip, in future we may need this.

Example :
<cds-ai-label size="md">
  <div cdsAILabelContent>
    <p>AI Explained</p>
  </div>
  <div cdsAILabelActions>
    <button cdsButton="ghost" size="sm">View details</button>
  </div>
</cds-ai-label>

Metadata

import { Directive } from "@angular/core";

/**
 * Optional marker for the main body region inside `<cds-ai-label>`. Implementing this for semantics only.
 * The structure also matches that of toggletip, in future we may need this.
 *
 * ```html
 * <cds-ai-label size="md">
 *   <div cdsAILabelContent>
 *     <p>AI Explained</p>
 *   </div>
 *   <div cdsAILabelActions>
 *     <button cdsButton="ghost" size="sm">View details</button>
 *   </div>
 * </cds-ai-label>
 * ```
 */
@Directive({
	selector: "[cdsAILabelContent], [ibmAILabelContent]"
})
export class AILabelContent {}

results matching ""

    No results matching ""