Merge pull request #199 from connor-leech/pattern-import

docs(pattern): import pattern
carbon-design-system · Sep 5, 2019 · 9c5ee78 · 9c5ee78 · vercel · Sep 5, 2019
2 parents 2220a90 + 50438e1
commit 9c5ee78
Show file tree

Hide file tree

Showing 26 changed files with 82 additions and 8 deletions.
diff --git a/src/data/nav-items.yaml b/src/data/nav-items.yaml
@@ -126,12 +126,14 @@
       path: /experimental/overview
     - title: Chatbots
       path: /experimental/chatbot/overview
-    - title: Exporting pattern
-      path: /experimental/exporting-pattern
+    - title: Delete pattern
+      path: /experimental/delete-pattern
+    - title: Export pattern
+      path: /experimental/export-pattern
+    - title: Import pattern
+      path: /experimental/import-pattern
     - title: Navigation pattern
       path: /experimental/navigation-pattern
-    - title: Deleting pattern
-      path: /experimental/deleting-pattern
 - title: Resources
   pages:
     - path: /resources

diff --git a/...xperimental/deleting-pattern/images/1.png → .../experimental/delete-pattern/images/1.png b/...xperimental/deleting-pattern/images/1.png → .../experimental/delete-pattern/images/1.png
diff --git a/...erimental/deleting-pattern/images/1_1.png → ...xperimental/delete-pattern/images/1_1.png b/...erimental/deleting-pattern/images/1_1.png → ...xperimental/delete-pattern/images/1_1.png
diff --git a/...erimental/deleting-pattern/images/1_2.png → ...xperimental/delete-pattern/images/1_2.png b/...erimental/deleting-pattern/images/1_2.png → ...xperimental/delete-pattern/images/1_2.png
diff --git a/...xperimental/deleting-pattern/images/2.png → .../experimental/delete-pattern/images/2.png b/...xperimental/deleting-pattern/images/2.png → .../experimental/delete-pattern/images/2.png
diff --git a/...xperimental/deleting-pattern/images/3.png → .../experimental/delete-pattern/images/3.png b/...xperimental/deleting-pattern/images/3.png → .../experimental/delete-pattern/images/3.png
diff --git a/...erimental/deleting-pattern/images/5_0.png → ...xperimental/delete-pattern/images/5_0.png b/...erimental/deleting-pattern/images/5_0.png → ...xperimental/delete-pattern/images/5_0.png
diff --git a/...erimental/deleting-pattern/images/5_1.png → ...xperimental/delete-pattern/images/5_1.png b/...erimental/deleting-pattern/images/5_1.png → ...xperimental/delete-pattern/images/5_1.png
diff --git a/...erimental/deleting-pattern/images/5_2.png → ...xperimental/delete-pattern/images/5_2.png b/...erimental/deleting-pattern/images/5_2.png → ...xperimental/delete-pattern/images/5_2.png
diff --git a/...xperimental/deleting-pattern/images/6.png → .../experimental/delete-pattern/images/6.png b/...xperimental/deleting-pattern/images/6.png → .../experimental/delete-pattern/images/6.png
diff --git a/...tal/deleting-pattern/images/7_updated.png → ...ental/delete-pattern/images/7_updated.png b/...tal/deleting-pattern/images/7_updated.png → ...ental/delete-pattern/images/7_updated.png
diff --git a/...s/experimental/deleting-pattern/index.mdx → ...ges/experimental/delete-pattern/index.mdx b/...s/experimental/deleting-pattern/index.mdx → ...ges/experimental/delete-pattern/index.mdx
@@ -1,5 +1,5 @@
 ---
-title: Deleting pattern
+title: Delete pattern
 ---
 
 ### Deleting is a destructive action. To protect user resources, your product should support ‘undo’ where possible. If ‘undo’ support is impossible, request user confirmation before deleting a resource or asset.
@@ -10,7 +10,7 @@ Experimental
 
 #### Maintainers:
 
-[Vikki Paterson](https://github.ibm.com/VICTORIA)
+[Vikki Paterson](https://github.com/vikkipaterson)
 
 <AnchorLinks>
 

diff --git a/...perimental/exporting-pattern/images/1.png → .../experimental/export-pattern/images/1.png b/...perimental/exporting-pattern/images/1.png → .../experimental/export-pattern/images/1.png
diff --git a/...perimental/exporting-pattern/images/2.png → .../experimental/export-pattern/images/2.png b/...perimental/exporting-pattern/images/2.png → .../experimental/export-pattern/images/2.png
diff --git a/...rimental/exporting-pattern/images/3.5.png → ...xperimental/export-pattern/images/3.5.png b/...rimental/exporting-pattern/images/3.5.png → ...xperimental/export-pattern/images/3.5.png
diff --git a/...perimental/exporting-pattern/images/3.png → .../experimental/export-pattern/images/3.png b/...perimental/exporting-pattern/images/3.png → .../experimental/export-pattern/images/3.png
diff --git a/...perimental/exporting-pattern/images/4.png → .../experimental/export-pattern/images/4.png b/...perimental/exporting-pattern/images/4.png → .../experimental/export-pattern/images/4.png
diff --git a/...l/exporting-pattern/images/contextual.png → ...ntal/export-pattern/images/contextual.png b/...l/exporting-pattern/images/contextual.png → ...ntal/export-pattern/images/contextual.png
diff --git a/.../experimental/exporting-pattern/index.mdx → ...ges/experimental/export-pattern/index.mdx b/.../experimental/exporting-pattern/index.mdx → ...ges/experimental/export-pattern/index.mdx
@@ -1,5 +1,5 @@
 ---
-title: Exporting pattern
+title: Export pattern
 ---
 
 ### Exporting a resource saves data in a different format, external to the system.
@@ -10,7 +10,7 @@ Experimental
 
 #### Maintainers:
 
-[Vikki Paterson](https://github.ibm.com/VICTORIA)
+[Vikki Paterson](https://github.com/vikkipaterson)
 
 <AnchorLinks>
 

diff --git a/src/pages/experimental/import-pattern/images/0.5.png b/src/pages/experimental/import-pattern/images/0.5.png
diff --git a/src/pages/experimental/import-pattern/images/1.png b/src/pages/experimental/import-pattern/images/1.png
diff --git a/src/pages/experimental/import-pattern/images/2.png b/src/pages/experimental/import-pattern/images/2.png
diff --git a/src/pages/experimental/import-pattern/images/3.png b/src/pages/experimental/import-pattern/images/3.png
diff --git a/src/pages/experimental/import-pattern/images/4.png b/src/pages/experimental/import-pattern/images/4.png
diff --git a/src/pages/experimental/import-pattern/images/5.png b/src/pages/experimental/import-pattern/images/5.png
diff --git a/src/pages/experimental/import-pattern/index.mdx b/src/pages/experimental/import-pattern/index.mdx
@@ -0,0 +1,72 @@
+---
+title: Import pattern
+---
+
+<PageDescription>
+
+The import action transfers data or objects from an external source into a system.
+
+</PageDescription>
+
+#### Status:
+
+[Experimental](experimental/about)
+
+#### Maintainers:
+
+[Vikki Paterson](https://github.com/vikkipaterson)
+
+
+
+
+![Example of an import modal in context](/images/0.5.png)
+
+<Caption>Example of an import modal in context</Caption>
+
+## Choose a file
+
+Wherever possible there should be a drag and drop zone. Use a file drop component and offer the option to browse locally to select a file. Note that file selection should be restricted to allowed file types.
+
+<Row>
+<Column colLg={8}>
+
+![Example of an import modal](/images/2.png)
+
+<Caption>Example of an import modal</Caption>
+
+</Column>
+</Row>
+
+<Row>
+<Column colLg={8}>
+
+![Example of drag and drop file import](/images/3.png)
+
+<Caption>Example of drag and drop file import</Caption>
+
+</Column>
+</Row>
+
+<Row>
+<Column colLg={8}>
+
+![Example of loaded files in the import modal](/images/4.png)
+
+<Caption>Example of loaded files in the import modal</Caption>
+
+</Column>
+</Row>
+
+## Import from a URL
+
+If your product supports importing from a URL, use this method.
+
+<Row>
+<Column colLg={8}>
+
+![Example of importing with a URL](images/5.png)
+
+<Caption>Example of importing with a URL</Caption>
+
+</Column>
+</Row>