diff --git a/playground/src/components/App.tsx b/playground/src/components/App.tsx
index d6f2cdfc..42c8f3a5 100644
--- a/playground/src/components/App.tsx
+++ b/playground/src/components/App.tsx
@@ -10,7 +10,7 @@ import { ContainerCode, ContainerCodeProps } from './ContainerCode';
 import { Header } from './Header';
 import { Radio } from './Radio';
 import { ToastCode, ToastCodeProps } from './ToastCode';
-import { flags, positions, themes, transitions, typs } from './constants';
+import { flags, positions, themes, transitions, types } from './constants';
 
 import React from 'react';
 import '../../../scss/main.scss';
@@ -152,7 +152,7 @@ class App extends React.Component {
               <h3>Type</h3>
               <ul>
                 <Radio
-                  options={typs}
+                  options={types}
                   name="type"
                   checked={this.state.type}
                   onChange={this.handleRadioOrSelect}
diff --git a/playground/src/components/constants.ts b/playground/src/components/constants.ts
index c5279417..04b8f7bf 100644
--- a/playground/src/components/constants.ts
+++ b/playground/src/components/constants.ts
@@ -53,7 +53,7 @@ export const positions = {
   BOTTOM_CENTER: 'bottom-center'
 };
 
-export const typs = {
+export const types = {
   INFO: 'info',
   SUCCESS: 'success',
   WARNING: 'warning',