> For the complete documentation index, see [llms.txt](https://docs.rowsncolumns.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rowsncolumns.app/configuration/components/deletesheetconfirmation.md).

# DeleteSheetConfirmation

<figure><img src="/files/D71PVGOzQEaJp8IrbJaT" alt=""><figcaption><p>Delete sheet confirmation</p></figcaption></figure>

<pre class="language-tsx" data-overflow="wrap"><code class="lang-tsx">import { CanvasGrid, DeleteSheetConfirmation } from "@rowsncolumns/spreadsheet"
import { useSpreadsheetState } from "@rowsncolumns/spreadsheet-state"

const App = () => {
  const activeSheetId = 1
<strong>  const { onDeleteSheet, onRequestDeleteSheet } = useSpreadsheetState({
</strong>    ...
  })
  return (
    &#x3C;>
      &#x3C;button onClick={onRequestDeleteSheet}>Delete current sheet&#x3C;/button>
      &#x3C;CanvasGrid />
      &#x3C;DeleteSheetConfirmation
        sheetId={activeSheetId}
        onDeleteSheet={onDeleteSheet}
      />
    &#x3C;/>
  )
}
</code></pre>
