> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cdp.coinbase.com/llms.txt
> Use this file to discover all available pages before exploring further.

# ModalClose

```ts theme={null}
const ModalClose: ForwardRefExoticComponent<DialogCloseProps & RefAttributes<HTMLButtonElement>> = DialogClose;
```

The ModalClose component is the same as the DialogClose component from Radix UI. It is intended to be used with the [Modal](/sdks/cdp-sdks-v2/frontend/@coinbase/cdp-react/Components/Modal) component.

## See

* [Modal](/sdks/cdp-sdks-v2/frontend/@coinbase/cdp-react/Components/Modal)
* [ModalContent](/sdks/cdp-sdks-v2/frontend/@coinbase/cdp-react/Components/ModalContent)
* [ModalDescription](/sdks/cdp-sdks-v2/frontend/@coinbase/cdp-react/Components/ModalDescription)
* [ModalTitle](/sdks/cdp-sdks-v2/frontend/@coinbase/cdp-react/Components/ModalTitle)
* [ModalTrigger](/sdks/cdp-sdks-v2/frontend/@coinbase/cdp-react/Components/ModalTrigger)
* [https://www.radix-ui.com/primitives/docs/components/dialog](https://www.radix-ui.com/primitives/docs/components/dialog)