@sqlrooms/vega / VegaEditAction

Variable: VegaEditAction

const VegaEditAction: React.FC<VegaEditActionProps>

View/Edit action component for VegaLiteArrowChart. Provides a popover with tabbed Vega-Lite spec and SQL viewers. When editable is true in the context, shows editing controls.

Must be used within a VegaChartContainer to access editor context.

Example

<VegaChartContainer spec={spec} sqlQuery={query}>
  <VegaChartDisplay>
    <VegaLiteArrowChart.Actions>
      <VegaExportAction />
      <VegaEditAction editorMode="both" />
    </VegaLiteArrowChart.Actions>
  </VegaChartDisplay>
</VegaChartContainer>