PaperDialog

High-emphasis modal panel with maximum hard-offset lift.

← strongest lift, highest intent.

Preview

'use client'

import * as React from 'react'

export interface PaperDialogProps {
  open?: boolean

Copy this file into your project, export its barrel, and then add it to the master UI index.

Step 1.Create this file:
components/ui/paperDialog/paperDialog.tsx⎘
Step 2.Create the barrel:
components/ui/paperDialog/index.ts⎘
Step 3.Add this export in components/ui/index.ts:
```
export * from './paperDialog'
```

With trigger

Prop	Type	Default	Description
`open`	`boolean`	`undefined`	Controlled open state.
`defaultOpen`	`boolean`	`false`	Initial open state for uncontrolled mode.
`onOpenChange`	`(open: boolean) => void`	`undefined`	Open/close callback.
`title`	`string`	`required`	Dialog title line.

Use danger button in footer for high-risk actions.

<PaperDialog title="Archive project" trigger={<PaperButton />}>...</PaperDialog>

Collect one short action without route transitions.

<PaperDialog title="Invite teammate" ... />