Skip to content

Modal

Gen UI 2.0 standard

A dialog over the page. A click on the trigger (a Button or a Text) opens the content in the dialog. Escape, the close button or a click on the backdrop closes it.

One of the 69 components in CopilotKit's standardUI. The playground's catalog extends it, so every agent here can use Modal. Standard catalog docs

Props

Read from standardUI.manifestComponents in the installed @copilotkit/react-core. In A2UI 1.0 any value may also be a { "@path" } binding into the surface data model or a { "@call" } function call.

PropTypeRequiredDescription
triggercomponent idNoId of one child component.
contentcomponent idNoId of one child component.
titlestringNoThe heading of the dialog
openbooleanNoDefault false. Bind it with { "@path": "/x" } to read it
maxWidthnumber | stringNoDefault 480
weightnumberNoflex-grow in a Row or Column