diff --git a/pages/en-us/components/snippet.mdx b/pages/en-us/components/snippet.mdx
index d25cdef..91195a5 100644
--- a/pages/en-us/components/snippet.mdx
+++ b/pages/en-us/components/snippet.mdx
@@ -65,6 +65,22 @@ Display a snippet of copyable code for the command line.
 `}
 />
 
+<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 }}
@@ -84,14 +100,17 @@ Display a snippet of copyable code for the command line.
 <Attributes edit="/pages/en-us/components/snippet.mdx">
 <Attributes.Title>Snippet.Props</Attributes.Title>
 
-| Attribute  | Description             | Type                          | Accepted values                  | Default   |
-| ---------- | ----------------------- | ----------------------------- | -------------------------------- | --------- |
-| **text**   | code snippet            | `string` `Array<string>`      | -                                | -         |
-| **type**   | snippet types           | [SnippetTypes](#snippettypes) | [SnippetTypes](#snippettypes)    | `default` |
-| **filled** | filled style            | `boolean`                     | -                                | `false`   |
-| **width**  | set CSS string          | `string`                      | -                                | `initial` |
-| **copy**   | function of copy button | `CopyTypes`                   | `'default', 'slient', 'prevent'` | `default` |
-| ...        | native props            | `HTMLAttributes`              | `'id', 'name', 'className', ...` | -         |
+| Attribute     | Description             | Type                          | Accepted values                                         | Default                |
+| ------------- | ----------------------- | ----------------------------- | ------------------------------------------------------- | ---------------------- |
+| **text**      | code snippet            | `string` `Array<string>`      | -                                                       | -                      |
+| **type**      | snippet types           | [SnippetTypes](#snippettypes) | [SnippetTypes](#snippettypes)                           | `default`              |
+| **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>