# Morph dialog

A dialog that expands from its button or card and returns to it, with the same motion as Nibble's Get Pro modal.

- Categories: Dialogs, Morph, Cards
- Canonical page: https://nibble.lat/components/morph-dialog
- Public source: https://nibble.lat/api/components/morph-dialog
- Dependencies: React; no additional component packages listed
- Creator: Galavic
- Patterns: Modal, Dialog, Card, Transition
- Interactions: Expand a card, Open a dialog, Return to the trigger

## Integration

Fetch the source endpoint for the current self-contained singleFile, usage example, dependencies and original files. Preserve bundled licenses and verify the component in your project.

## Usage

```tsx
"use client";

import { MorphDialog } from "./morph-dialog/morph-dialog";

export default function Example() {
  return <MorphDialog trigger="Open dialog" title="Dialog">
    <p>Your content goes here.</p>
  </MorphDialog>;
}
```

[Integration guide](https://nibble.lat/agents.md)