data-driven-forms
diff --git a/‎packages/pf4-component-mapper/demo/index.html
Lines changed: 2 additions & 1 deletion b/‎packages/pf4-component-mapper/demo/index.html
Lines changed: 2 additions & 1 deletion
diff --git a/‎packages/pf4-component-mapper/src/components/component-mapper.js
Lines changed: 5 additions & 2 deletions b/‎packages/pf4-component-mapper/src/components/component-mapper.js
Lines changed: 5 additions & 2 deletions
@@ -4,7 +4,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <link rel="stylesheet" type="text/css" href="https://unpkg.com/@patternfly/[email protected]/patternfly-base.css"/>
+  <link rel="stylesheet" type="text/css" href="https://unpkg.com/@patternfly/[email protected]/patternfly-base.css"/>
+  <link rel="stylesheet" type="text/css" href="https://unpkg.com/@patternfly/[email protected]/patternfly-addons.css"/>
   <title>Data driven forms</title>
 </head>
 <body>
 
@@ -13,6 +13,7 @@ import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 import Switch from './switch';
 import PlainText from './plain-text';
+import DualListSelect from './dual-list-select';
 
 const mapper = {
   [componentTypes.TEXT_FIELD]: TextField,
@@ -27,7 +28,8 @@ const mapper = {
   [componentTypes.WIZARD]: Wizard,
   [componentTypes.SWITCH]: Switch,
   [componentTypes.PLAIN_TEXT]: PlainText,
-  [componentTypes.FIELD_ARRAY]: FieldArray
+  [componentTypes.FIELD_ARRAY]: FieldArray,
+  'dual-list-select': DualListSelect
 };
 
 export default mapper;
@@ -41,7 +43,8 @@ export const components = {
   DatePicker,
   TimePicker,
   Switch,
-  PlainText
+  PlainText,
+  DualListSelect
 };
 
 export const rawComponents = {