ComposerTriggerPopover

import { ComposerTriggerPopover } from "@grassroot/ui-react/assistant";
import { assistantDemoTriggerItems } from "@grassroot/demo-fixtures";
 
export default function ComposerTriggerPopoverDemo() {
  return <ComposerTriggerPopover items={assistantDemoTriggerItems} defaultOpen={true} />;
}

<script setup lang="ts">
import { ComposerTriggerPopover } from "@grassroot/ui-vue/assistant";
import { assistantDemoTriggerItems } from "@grassroot/demo-fixtures";
</script>
 
<template>
  <ComposerTriggerPopover :items="assistantDemoTriggerItems" :defaultOpen="true" />
</template>

import "./ensure-compiler";
import { ChangeDetectionStrategy, Component } from "@angular/core";
import { GrassrootComposerTriggerPopover } from "@grassroot/ui-angular/assistant";
import { assistantDemoTriggerItems } from "@grassroot/demo-fixtures";
 
@Component({
  selector: "app-composer-trigger-popover-demo",
  standalone: true,
  imports: [GrassrootComposerTriggerPopover],
  changeDetection: ChangeDetectionStrategy.OnPush,
  template: `<grassroot-composer-trigger-popover [items]="items" [defaultOpen]="defaultOpen" />`,
})
export class ComposerTriggerPopoverDemoComponent {
  protected readonly items = assistantDemoTriggerItems;
  protected readonly defaultOpen = true;
}
 
export default ComposerTriggerPopoverDemoComponent;

<script lang="ts">
  import { ComposerTriggerPopover } from "@grassroot/ui-svelte/assistant";
  import { assistantDemoTriggerItems } from "@grassroot/demo-fixtures";
</script>
 
<ComposerTriggerPopover items={assistantDemoTriggerItems} defaultOpen={true} />

/** @jsxImportSource solid-js */
import { ComposerTriggerPopover } from "@grassroot/ui-solid/assistant";
import { assistantDemoTriggerItems } from "@grassroot/demo-fixtures";
 
export default function ComposerTriggerPopoverDemo() {
  return <ComposerTriggerPopover items={assistantDemoTriggerItems} defaultOpen={true} />;
}