Import
import { ModalLauncher } from '@contentful/f36-components';// orimport { ModalLauncher } from '@contentful/f36-modal';
Examples
ModalLauncher
is convenient because you can return results from modal interations as a Javascript promise.
function ModalLauncherExample() {const [result, setResult] = useState('');const onClickHandler = () => {ModalLauncher.open(({ isShown, onClose }) => (<ModalConfirmisShown={isShown}onCancel={() => {onClose('canceled');}}onConfirm={() => {onClose('confirmed');}}><Text>Do you want to confirm your action?</Text></ModalConfirm>)).then((text) => {setResult(text);});};return (<Stack flexDirection="row"><Button onClick={onClickHandler}>Open a modal</Button>{result && (<Text>Result is <strong>{result}</strong></Text>)}</Stack>);}