Extensions

Extensions

List of available extensions:

• useDraggable()
• usePanel()
• useOnCircuitChange()

useDraggable()

Enable drag and drop

qviz.create(sampleCircuit)
    .useDraggble()
    .draw(sampleDiv)

usePanel(options?)

Enable add and edit panel

Params

• options PanelOptions - user-provided options (optional)

qviz.create(sampleCircuit)
    .useDraggable()
    .usePanel() /* without options */
    .draw(sampleDiv)

const customGateDictionary = {/* ... */}
qviz.create(sampleCircuit)
    .useDraggable()
    .usePanel({gateDictionary: customGateDictionary}) /* pass in gateDictionary will extend available gates in Add Panel */
    .draw(sampleDiv)

useOnCircuitChange(callback)

Trigger callback function when circuit changes

Params

• callback (circuit) => void - user-provided callback to trigger when circuit changes

const callback = (circuit) => {
    console.log(circuit);
    /* ... */
}

qviz.create(sampleCircuit)
    .useDraggable()
    .useOnCircuitChange(callback)
    .draw(sampleDiv)