{"componentChunkName":"component---src-pages-experimental-export-pattern-index-mdx","path":"/experimental/export-pattern/","webpackCompilationHash":"9a5cb62a61994334ab3f","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Export pattern","description":"Exporting a resource saves data in a different format, external to the system."},"relativePagePath":"/experimental/export-pattern/index.mdx","titleType":"prepend","MdxNode":{"id":"34cbbda4-af05-53cb-b7e6-8b917a7ba9a0","children":[],"parent":"4e9d864f-6f71-5718-a6eb-0b9e7dd68943","internal":{"content":"---\ntitle: Export pattern\ndescription: Exporting a resource saves data in a different format, external to the system.\n---\n\n### Exporting a resource saves data in a different format, external to the system.\n\n#### Status:\n\nExperimental\n\n#### Maintainers:\n\n[Vikki Paterson](https://github.com/vikkipaterson)\n\n<AnchorLinks>\n\n<AnchorLink>Intuitive default name</AnchorLink>\n<AnchorLink>Editable name</AnchorLink>\n<AnchorLink>Specify export location</AnchorLink>\n\n</AnchorLinks>\n\n![Example of an export pattern using a modal in context](images/contextual.png)\n\n<Caption>Example of a export pattern using a modal</Caption>\n\n## Intuitive default name\n\nWhen the resource is given an intuitive name by default and there is no choice of export location, the export occurs on the click of the Export button and nothing additional is displayed.\n\n![Example of an export button on a data table](images/1.png)\n\n## Editable name\n\nWhen exporting with an editable name, a dialog should be presented to the user displaying an editable textbox that is pre-populated with the default name for the file.\n\n<Row>\n<Column colLg={8}>\n\n![Example of an export modal](images/2.png)\n\n![Example of an export modal in its \"Exporting\" state.](images/3.png)\n\n![Example of an export modal in its \"Success\" state.](images/3.5.png)\n\n</Column>\n</Row>\n\n## Specify export location\n\nWhen specifying the download location of a resource, clicking the primary “download” button activates the browser's default location panel. The file is downloaded once a location is selected and the user clicks Save.\n\n<Row>\n<Column colLg={8}>\n\n![Example of an export modal in its \"Exporting\" state.](images/4.png)\n\n</Column>\n</Row>\n","type":"Mdx","contentDigest":"8026e4662c1109425d25ed8001cb62b8","counter":1261,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Export pattern","description":"Exporting a resource saves data in a different format, external to the system."},"exports":{},"rawBody":"---\ntitle: Export pattern\ndescription: Exporting a resource saves data in a different format, external to the system.\n---\n\n### Exporting a resource saves data in a different format, external to the system.\n\n#### Status:\n\nExperimental\n\n#### Maintainers:\n\n[Vikki Paterson](https://github.com/vikkipaterson)\n\n<AnchorLinks>\n\n<AnchorLink>Intuitive default name</AnchorLink>\n<AnchorLink>Editable name</AnchorLink>\n<AnchorLink>Specify export location</AnchorLink>\n\n</AnchorLinks>\n\n![Example of an export pattern using a modal in context](images/contextual.png)\n\n<Caption>Example of a export pattern using a modal</Caption>\n\n## Intuitive default name\n\nWhen the resource is given an intuitive name by default and there is no choice of export location, the export occurs on the click of the Export button and nothing additional is displayed.\n\n![Example of an export button on a data table](images/1.png)\n\n## Editable name\n\nWhen exporting with an editable name, a dialog should be presented to the user displaying an editable textbox that is pre-populated with the default name for the file.\n\n<Row>\n<Column colLg={8}>\n\n![Example of an export modal](images/2.png)\n\n![Example of an export modal in its \"Exporting\" state.](images/3.png)\n\n![Example of an export modal in its \"Success\" state.](images/3.5.png)\n\n</Column>\n</Row>\n\n## Specify export location\n\nWhen specifying the download location of a resource, clicking the primary “download” button activates the browser's default location panel. The file is downloaded once a location is selected and the user clicks Save.\n\n<Row>\n<Column colLg={8}>\n\n![Example of an export modal in its \"Exporting\" state.](images/4.png)\n\n</Column>\n</Row>\n","fileAbsolutePath":"/tmp/35443907/src/pages/experimental/export-pattern/index.mdx"}}}}