SelectionToolbar

import { SelectionToolbar } from "@grassroot/ui-react/assistant";
import { assistantDemoToolbarActions } from "@grassroot/demo-fixtures";
 
export default function SelectionToolbarDemo() {
  return <SelectionToolbar visible={true} actions={assistantDemoToolbarActions} />;
}

<script setup lang="ts">
import { SelectionToolbar } from "@grassroot/ui-vue/assistant";
import { assistantDemoToolbarActions } from "@grassroot/demo-fixtures";
</script>
 
<template>
  <SelectionToolbar :visible="true" :actions="assistantDemoToolbarActions" />
</template>

import "./ensure-compiler";
import { ChangeDetectionStrategy, Component } from "@angular/core";
import { GrassrootSelectionToolbar } from "@grassroot/ui-angular/assistant";
import { assistantDemoToolbarActions } from "@grassroot/demo-fixtures";
 
@Component({
  selector: "app-selection-toolbar-demo",
  standalone: true,
  imports: [GrassrootSelectionToolbar],
  changeDetection: ChangeDetectionStrategy.OnPush,
  template: `<grassroot-selection-toolbar [visible]="visible" [actions]="actions" />`,
})
export class SelectionToolbarDemoComponent {
  protected readonly visible = true;
  protected readonly actions = assistantDemoToolbarActions;
}
 
export default SelectionToolbarDemoComponent;

<script lang="ts">
  import { SelectionToolbar } from "@grassroot/ui-svelte/assistant";
  import { assistantDemoToolbarActions } from "@grassroot/demo-fixtures";
</script>
 
<SelectionToolbar visible={true} actions={assistantDemoToolbarActions} />

/** @jsxImportSource solid-js */
import { SelectionToolbar } from "@grassroot/ui-solid/assistant";
import { assistantDemoToolbarActions } from "@grassroot/demo-fixtures";
 
export default function SelectionToolbarDemo() {
  return <SelectionToolbar visible={true} actions={assistantDemoToolbarActions} />;
}