ComposerAddAttachment

import { ComposerAddAttachment } from "@grassroot/ui-react/assistant";
 
export default function ComposerAddAttachmentDemo() {
  return <ComposerAddAttachment accept="image/*,application/pdf" multiple={true}>Add attachment</ComposerAddAttachment>;
}

<script setup lang="ts">
import { ComposerAddAttachment } from "@grassroot/ui-vue/assistant";
</script>
 
<template>
  <ComposerAddAttachment accept="image/*,application/pdf" :multiple="true">Add attachment</ComposerAddAttachment>
</template>

import "./ensure-compiler";
import { ChangeDetectionStrategy, Component } from "@angular/core";
import { GrassrootComposerAddAttachment } from "@grassroot/ui-angular/assistant";
 
@Component({
  selector: "app-composer-add-attachment-demo",
  standalone: true,
  imports: [GrassrootComposerAddAttachment],
  changeDetection: ChangeDetectionStrategy.OnPush,
  template: `<grassroot-composer-add-attachment accept="image/*,application/pdf" [multiple]="multiple">Add attachment</grassroot-composer-add-attachment>`,
})
export class ComposerAddAttachmentDemoComponent {
  protected readonly multiple = true;
}
 
export default ComposerAddAttachmentDemoComponent;

<script lang="ts">
  import { ComposerAddAttachment } from "@grassroot/ui-svelte/assistant";
  
</script>
 
<ComposerAddAttachment accept="image/*,application/pdf" multiple={true}>Add attachment</ComposerAddAttachment>

/** @jsxImportSource solid-js */
import { ComposerAddAttachment } from "@grassroot/ui-solid/assistant";
 
export default function ComposerAddAttachmentDemo() {
  return <ComposerAddAttachment accept="image/*,application/pdf" multiple={true}>Add attachment</ComposerAddAttachment>;
}