{"componentChunkName":"component---src-pages-experimental-remove-pattern-index-mdx","path":"/experimental/remove-pattern/","webpackCompilationHash":"9a5cb62a61994334ab3f","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Remove pattern"},"relativePagePath":"/experimental/remove-pattern/index.mdx","titleType":"prepend","MdxNode":{"id":"4398596b-1d13-5545-a9ac-160078bbc5a5","children":[],"parent":"4c150a01-cdeb-5755-a9ff-a62bd3070830","internal":{"content":"---\ntitle: Remove pattern\n---\n\n<PageDescription>\n\nRemoval is a non-destructive action. A user can remove an asset from a list or item without destroying it.\n\n</PageDescription>\n\n#### Status:\n\n[Experimental](/experimental/overview)\n\n#### Maintainers:\n\n[Vikki Paterson](https://github.com/vikkipaterson)\n\n![Example of a removal using a modal in context](/images/modal-in-context.png)\n\n<Caption>Example of a remove pattern using a modal</Caption>\n\n## Low impact\n\nUser confirmation is not required for low-impact removals because the asset is not destroyed.\n\n## High impact\n\nRequire user confirmation for high impact removals. Communicate the consequences of the removal, and let the user know if the removal is permanent.\n\nOptionally, when the remove button is selected, change it to ‘Removing...’.\n\n<Row>\n<Column colLg={8}>\n\n![Example of a high-impact remove modal](images/first-view.png)\n\n<Caption>Example of a high-impact remove modal</Caption>\n\n</Column>\n</Row>\n\n<Row>\n<Column colLg={8}>\n\n![Example of a high-impact remove modal in its 'removing' state](images/second-view.png)\n\n<Caption>\n  Example of a high-impact remove modal following user confirmation\n</Caption>\n\n</Column>\n</Row>\n","type":"Mdx","contentDigest":"eaf8f848f50dc15c3643afd5454d9c0f","counter":1269,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Remove pattern"},"exports":{},"rawBody":"---\ntitle: Remove pattern\n---\n\n<PageDescription>\n\nRemoval is a non-destructive action. A user can remove an asset from a list or item without destroying it.\n\n</PageDescription>\n\n#### Status:\n\n[Experimental](/experimental/overview)\n\n#### Maintainers:\n\n[Vikki Paterson](https://github.com/vikkipaterson)\n\n![Example of a removal using a modal in context](/images/modal-in-context.png)\n\n<Caption>Example of a remove pattern using a modal</Caption>\n\n## Low impact\n\nUser confirmation is not required for low-impact removals because the asset is not destroyed.\n\n## High impact\n\nRequire user confirmation for high impact removals. Communicate the consequences of the removal, and let the user know if the removal is permanent.\n\nOptionally, when the remove button is selected, change it to ‘Removing...’.\n\n<Row>\n<Column colLg={8}>\n\n![Example of a high-impact remove modal](images/first-view.png)\n\n<Caption>Example of a high-impact remove modal</Caption>\n\n</Column>\n</Row>\n\n<Row>\n<Column colLg={8}>\n\n![Example of a high-impact remove modal in its 'removing' state](images/second-view.png)\n\n<Caption>\n  Example of a high-impact remove modal following user confirmation\n</Caption>\n\n</Column>\n</Row>\n","fileAbsolutePath":"/tmp/35443907/src/pages/experimental/remove-pattern/index.mdx"}}}}