src/ai-label/ai-label-content.directive.ts
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.
<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>| Selector | [cdsAILabelContent], [ibmAILabelContent] |
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 {}