{"componentChunkName":"component---src-pages-components-notification-code-mdx","path":"/components/notification/code/","webpackCompilationHash":"aaa6c4cbb44f8ca938e9","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Notification","description":"Notifications are messages that communicate information to the user. The two main types of notificaitons are toast notifications and inline notifications.","tabs":["Code","Usage","Style"]},"relativePagePath":"/components/notification/code.mdx","titleType":"prepend","MdxNode":{"id":"bb3ece67-6743-5212-a3b2-7ba84dd98569","children":[],"parent":"ce9d5215-125d-5bd4-82c9-a9f7c929f8e3","internal":{"content":"---\ntitle: Notification\ndescription: Notifications are messages that communicate information to the user. The two main types of notificaitons are toast notifications and inline notifications.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n## Inline notification\n\n<ComponentCode\n  name=\"Inline notification\"\n  component=\"notification\"\n  variation=\"inline-notification\"\n  hasReactVersion=\"notifications--inline\"\n  hasVueVersion=\"inlinenotification--default\"\n  hasAngularVersion=\"?path=/story/notification--basic\"\n  codepen=\"NmNrLg\"></ComponentCode>\n\n## Toast notification\n\n<ComponentCode\n  name=\"Toast notification\"\n  component=\"notification\"\n  variation=\"toast-notification\"\n  hasReactVersion=\"notifications--toast\"\n  hasVueVersion=\"toastnotification--default\"\n  hasAngularVersion=\"?path=/story/notification--toast\"\n  codepen=\"vMGKQO\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"notification\"></ComponentDocs>\n","type":"Mdx","contentDigest":"afd1bb4d4e2ad74a762f38e6fc29cb8e","counter":1135,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Notification","description":"Notifications are messages that communicate information to the user. The two main types of notificaitons are toast notifications and inline notifications.","tabs":["Code","Usage","Style"]},"exports":{},"rawBody":"---\ntitle: Notification\ndescription: Notifications are messages that communicate information to the user. The two main types of notificaitons are toast notifications and inline notifications.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n## Inline notification\n\n<ComponentCode\n  name=\"Inline notification\"\n  component=\"notification\"\n  variation=\"inline-notification\"\n  hasReactVersion=\"notifications--inline\"\n  hasVueVersion=\"inlinenotification--default\"\n  hasAngularVersion=\"?path=/story/notification--basic\"\n  codepen=\"NmNrLg\"></ComponentCode>\n\n## Toast notification\n\n<ComponentCode\n  name=\"Toast notification\"\n  component=\"notification\"\n  variation=\"toast-notification\"\n  hasReactVersion=\"notifications--toast\"\n  hasVueVersion=\"toastnotification--default\"\n  hasAngularVersion=\"?path=/story/notification--toast\"\n  codepen=\"vMGKQO\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"notification\"></ComponentDocs>\n","fileAbsolutePath":"/tmp/42b44a0/src/pages/components/notification/code.mdx"}}}}