import { VeltUserRequestTool } from '@veltdev/react';

function YourComponent() {

  return (
		<div>
      <VeltUserRequestTool /> {/* Feedback Mode */} 
      <VeltUserRequestTool type="reportBug"/>  {/* Report Bug Mode */} 
      <VeltUserRequestTool type="contactUs"/>  {/* Contact Us Mode */} 
    </div>
  )
}

1. Feedback Mode

By default the component will be in Feedback mode. This will make your component say “Give feedback” and have a heart icon.

<VeltUserRequestTool/>

2. Report Bugs Mode

To enable Report Bugs mode, set the type attribute to reportBug. This will make your component say “Report bugs” and have a bug icon.

<VeltUserRequestTool type="reportBug"/>

3. Contact Us Mode

To enable Contact Us mode, set the type attribute to ‘contactUs`. This will make your component say “Contact us” and have an email icon.

<VeltUserRequestTool type="contactUs"/>

import { VeltUserRequestTool } from '@veltdev/react';

function YourComponent() {

  return (
		<div>
      <VeltUserRequestTool /> {/* Feedback Mode */} 
      <VeltUserRequestTool type="reportBug"/>  {/* Report Bug Mode */} 
      <VeltUserRequestTool type="contactUs"/>  {/* Contact Us Mode */} 
    </div>
  )
}

Was this page helpful?