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/form-fields/component-mapper.js
Lines changed: 3 additions & 0 deletions b/‎packages/pf4-component-mapper/src/form-fields/component-mapper.js
Lines changed: 3 additions & 0 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>
 
@@ -16,6 +16,7 @@ import {
 import Wizard from './wizard/wizard';
 import { Select } from './select/select';
 import FieldArray from './fieldArray/index';
+import DualListSelect from './dual-list-select';
 
 const mapper = {
   [componentTypes.TEXT_FIELD]: TextField,
@@ -31,6 +32,7 @@ const mapper = {
   [componentTypes.SWITCH]: SwitchField,
   [componentTypes.PLAIN_TEXT]: PlainTextField,
   [componentTypes.FIELD_ARRAY]: FieldArray,
+  'dual-list-select': DualListSelect,
 };
 
 export default mapper;
@@ -45,6 +47,7 @@ export const components = {
   TimePickerField,
   SwitchField,
   PlainTextField,
+  DualListSelect,
 };
 
 export const rawComponents = {