import { CTAModal, useCTAModal, createCTAModalActions } from '@cerberus/react'To use the CTAModal, wrap your component with the CTAModal provider and use the useCTAModal hook to access the show method.
To create your actions, use the createCTAModalActions function.
To use links instead of buttons, pass your link components to the createCTAModalActions function.
To use a custom content component, pass your custom component to the content prop of the show method.
The CTAModal is an abstraction of the Dialog primitives and does not provide any additional customization. To build your own CTAModal, use the Dialog components.
The CTAModal component is an abstraction of the Dialog primitives and does not accept any props.
The show method accepts the following options:
| Name | Default | Description |
|---|---|---|
| heading | '' | The heading of the modal. |
| description | '' | The description of the modal. |
| icon | undefined | The icon to display in the modal. |
| actions | [] | The actions to display in the modal. Requires the use of createCTAModalActions utility. |
The createCTAModalActions utility accepts an array of objects with the following properties or ReactNodes:
| Name | Default | Description |
|---|---|---|
| text | '' | The text of the action. |
| handleClick | undefined | The click handler of the action. |
Pass your Array of link components to the createCTAModalActions function.
On this page