Dialogs
showDialog()
Using the App SDK
Actions
Notifications
Dialogs
Components
Forms
GraphQL
Server
- Server functions
- attioFetch()
- Connections
- Events
- Webhooks
System
Dialogs
showDialog()
Show a dialog box

Example Usage
Call showDialog()
from record actions. Hiding the dialog is automatically handled by Attio when the user closes it.
import React from "react"
import {RecordAction, showDialog} from "attio/client"
import {AuroraDialog} from "./aurora-dialog"
export const recordAction: RecordAction = {
id: "aurora",
label: "Aurora",
onTrigger: async ({recordId}) => {
showDialog({
title: "Aurora",
Dialog: () => {
// This is a React component. It can use hooks and render other components.
return <AuroraDialog recordId={recordId} />
},
})
},
}
Was this page helpful?
On this page