{"componentChunkName":"component---src-pages-components-modal-code-mdx","path":"/components/modal/code/","webpackCompilationHash":"9ffd1cb8ca3b610e9ad3","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Modal","description":"Modals communicate information via a secondary window and allow the user to maintain the context of a particular task. Modals interrupt user workflow by design.","tabs":["Code","Usage","Style"]},"relativePagePath":"/components/modal/code.mdx","titleType":"prepend","MdxNode":{"id":"a1bee3fd-3928-517a-b9dd-b52fd0b2868c","children":[],"parent":"7cd75d31-9587-500e-a7ed-e56b08e883fe","internal":{"content":"---\ntitle: Modal\ndescription: Modals communicate information via a secondary window and allow the user to maintain the context of a particular task. Modals interrupt user workflow by design.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n<ComponentCode\n  name=\"Transactional Modal\"\n  component=\"modal\"\n  variation=\"modal\"\n  hasReactVersion=\"modal--default\"\n  hasVueVersion=\"modal--buttons\"\n  hasAngularVersion=\"?path=/story/modal--transactional\"\n  codepen=\"QPNEOv\"\n/>\n<ComponentCode\n  name=\"Passive Modal\"\n  component=\"modal\"\n  variation=\"modal--nofooter\"\n  hasReactVersion=\"modal--default\"\n  hasVueVersion=\"modal--default\"\n  hasAngularVersion=\"?path=/story/modal--passive\"\n  codepen=\"bJpeag\"\n/>\n<ComponentCode\n  name=\"Danger Modal\"\n  component=\"modal\"\n  variation=\"modal--danger\"\n  hasReactVersion=\"modal--default\"\n  hasVueVersion=\"modal--danger\"\n  hasAngularVersion=\"?path=/story/modal--transactional&knob-modalType=danger&knob-modalLabel=optional label&knob-modalTitle=Delete service from application&knob-modalContent=Are you sure you want to remove the Speech to Text service from the node-test app?\"\n  codepen=\"YMqWaK\"\n/>\n\n<ComponentCode\n  name=\"Input Modal\"\n  component=\"modal\"\n  variation=\"modal--input\"\n  hasReactVersion=\"modal--default\"\n  hasVueVersion=\"modal--with-input\"\n  codepen=\"MRyeVV\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"modal\"></ComponentDocs>\n","type":"Mdx","contentDigest":"28a68a306296289bdff1d47fd3ce4a97","counter":1319,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Modal","description":"Modals communicate information via a secondary window and allow the user to maintain the context of a particular task. Modals interrupt user workflow by design.","tabs":["Code","Usage","Style"]},"exports":{},"rawBody":"---\ntitle: Modal\ndescription: Modals communicate information via a secondary window and allow the user to maintain the context of a particular task. Modals interrupt user workflow by design.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n<ComponentCode\n  name=\"Transactional Modal\"\n  component=\"modal\"\n  variation=\"modal\"\n  hasReactVersion=\"modal--default\"\n  hasVueVersion=\"modal--buttons\"\n  hasAngularVersion=\"?path=/story/modal--transactional\"\n  codepen=\"QPNEOv\"\n/>\n<ComponentCode\n  name=\"Passive Modal\"\n  component=\"modal\"\n  variation=\"modal--nofooter\"\n  hasReactVersion=\"modal--default\"\n  hasVueVersion=\"modal--default\"\n  hasAngularVersion=\"?path=/story/modal--passive\"\n  codepen=\"bJpeag\"\n/>\n<ComponentCode\n  name=\"Danger Modal\"\n  component=\"modal\"\n  variation=\"modal--danger\"\n  hasReactVersion=\"modal--default\"\n  hasVueVersion=\"modal--danger\"\n  hasAngularVersion=\"?path=/story/modal--transactional&knob-modalType=danger&knob-modalLabel=optional label&knob-modalTitle=Delete service from application&knob-modalContent=Are you sure you want to remove the Speech to Text service from the node-test app?\"\n  codepen=\"YMqWaK\"\n/>\n\n<ComponentCode\n  name=\"Input Modal\"\n  component=\"modal\"\n  variation=\"modal--input\"\n  hasReactVersion=\"modal--default\"\n  hasVueVersion=\"modal--with-input\"\n  codepen=\"MRyeVV\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"modal\"></ComponentDocs>\n","fileAbsolutePath":"/fargate/7b444b50/src/pages/components/modal/code.mdx"}}}}