Customization
Positioning
Control where the feedback button appears on the page.
Positioning
Preset positions
data-position="bottom-right" <!-- default -->
data-position="bottom-left"
data-position="top-right"
data-position="top-left"Custom offset
Adjust the distance from the edge of the viewport:
<LumifeedWidget
apiKey={key}
position="bottom-right"
offset={{ bottom: 24, right: 24 }}
/>Hide the button
If you want to trigger the widget from your own UI element, hide the default button and call open() yourself:
<script
src="https://cdn.lumifeed.app/widget.js"
data-key="YOUR_KEY"
data-hide-button="true"
defer
></script>
<button onclick="window.Lumifeed.open()">Give feedback</button>// React
import { useLumifeed, LumifeedWidget } from "@lumifeed/react"
function MyButton() {
const { open } = useLumifeed()
return <button onClick={open}>Give feedback</button>
}
export default function App() {
return (
<>
<MyButton />
<LumifeedWidget apiKey={key} hideButton />
</>
)
}