McpConsentDialog

import { McpConsentDialog } from '@mcp-elements/react'
import { useState } from 'react'

export function Example() {
  const [open, setOpen] = useState(true)
  return (
    <McpConsentDialog
      open={open}
      serverName="GitHub MCP"
      scopes={['repo:read', 'user.email:read']}
      onApprove={() => setOpen(false)}
      onDeny={() => setOpen(false)}
    />
  )
}

import { Component, signal } from '@angular/core'
import { McpeMcpConsentDialogComponent } from '@mcp-elements/angular'

@Component({
  selector: 'app-consent-dialog-example',
  standalone: true,
  imports: [McpeMcpConsentDialogComponent],
  template: `
    <mcpe-mcp-consent-dialog
      [open]="open()"
      serverName="GitHub MCP"
      [scopes]="['repo:read', 'user.email:read']"
      (onApprove)="open.set(false)"
      (onDeny)="open.set(false)"
    />
  `,
})
export class ConsentDialogExampleComponent {
  open = signal(true)
}

<script setup lang="ts">
import { ref } from 'vue'
import { McpeMcpConsentDialog } from '@mcp-elements/vue'

const open = ref(true)
</script>

<template>
  <McpeMcpConsentDialog
    :open="open"
    server-name="GitHub MCP"
    :scopes="['repo:read', 'user.email:read']"
    @approve="open = false"
    @deny="open = false"
  />
</template>