Merge pull request #623 from mxstbr/patch-1

[docs] Fix components variants example

Author: jxnblk

packages/docs/src/pages/components/index.mdx

@@ -33,11 +33,11 @@ Each component accepts a `variant` prop to quickly
 change custom stylistic variations that you define.
 
 ```js
-// example theme
 {
-  // base theme...
+  // ...base theme...
+  // After the base theme, define the variants:
   buttons: {
-    primary: {
+    secondary: {
       fontWeight: 'bold',
       color: 'white',
       bg: 'primary',

packages/docs/src/pages/components/variants.mdx

@@ -69,9 +69,10 @@ For example, a secondary button style can be added to `theme.buttons.secondary`
 ```js
 // example theme
 {
-  // base theme...
+  // ...base theme...
+  // After the base theme, define the variants:
   buttons: {
-    primary: {
+    secondary: {
       fontWeight: 'bold',
       color: 'white',
       bg: 'primary',