From 0da930aa7d895cb97df23a32c3fa1ec91ab698e1 Mon Sep 17 00:00:00 2001
From: Augusto <augustoconti10@gmail.com>
Date: Tue, 23 Jun 2020 20:34:30 -0300
Subject: [PATCH] docs(snippet): add docs for custom symbol and toast

---
 pages/en-us/components/snippet.mdx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/pages/en-us/components/snippet.mdx b/pages/en-us/components/snippet.mdx
index 4109cc1..137b860 100644
--- a/pages/en-us/components/snippet.mdx
+++ b/pages/en-us/components/snippet.mdx
@@ -60,6 +60,20 @@ Display a snippet of copyable code for the command line.
 <Snippet copy="prevent" text="yarn add @zeit-ui/react" width="300px" />
 `} />
 
+<Playground
+  title="custom symbol"
+  scope={{ Snippet }}
+  code={`
+<Snippet symbol=">" text="yarn add @zeit-ui/react" width="300px" />
+`} />
+
+<Playground
+  title="custom toast"
+  scope={{ Snippet }}
+  code={`
+<Snippet toastText="Code copied!" toastType="secondary" text="yarn add @zeit-ui/react" width="300px" />
+`} />
+
 <Playground
   title="filled"
   scope={{ Snippet, Spacer }}
@@ -85,6 +99,9 @@ Display a snippet of copyable code for the command line.
 | **filled** | filled style | `boolean` | - | `false` |
 | **width** | set CSS string | `string` | - | `initial` |
 | **copy** | function of copy button | `CopyTypes` | `'default', 'slient', 'prevent'` | `default` |
+| **symbol** | symbol snippet | `string` | - | `$` |
+| **toastText** | toast text | `string` | - | `Copied to clipboard!` |
+| **toastType** | toast type | `NormalTypes` | `'default', 'secondary', 'success', 'warning', 'error'` | `success` |
 | ... | native props | `HTMLAttributes` | `'id', 'name', 'className', ...` | - |
 
 <Attributes.Title>SnippetTypes</Attributes.Title>