diff --git a/packages/devui/src/Select/Select.js b/packages/devui/src/Select/Select.js
index 4be7e8b7..17597dac 100644
--- a/packages/devui/src/Select/Select.js
+++ b/packages/devui/src/Select/Select.js
@@ -23,10 +23,5 @@ Select.propTypes = {
   isMulti: PropTypes.bool, // multi-value input
   isSearchable: PropTypes.bool, // whether to enable searching feature or not
   value: PropTypes.any, // initial field value
-  // openOuterUp: PropTypes.bool, // value to control the opening direction
-};
-
-Select.defaultProps = {
-  isClearable: false,
-  // menuMaxHeight: 200,
+  menuPlacement: PropTypes.oneOf(['auto', 'bottom', 'top']), // value to control the opening direction
 };
diff --git a/packages/devui/src/Select/Select.stories.js b/packages/devui/src/Select/Select.stories.js
index 19216620..c431ff40 100644
--- a/packages/devui/src/Select/Select.stories.js
+++ b/packages/devui/src/Select/Select.stories.js
@@ -33,11 +33,16 @@ const Template = ({ value, ...args }) => (
 export const Default = Template.bind({});
 Default.args = {
   value: 'one',
-  // menuMaxHeight: 200,
+  maxMenuHeight: 300,
   isClearable: false,
   isDisabled: false,
   isLoading: false,
   isMulti: false,
   isSearchable: true,
-  // openOuterUp: false,
+  menuPlacement: 'bottom',
+};
+Default.argTypes = {
+  onChange: {
+    action: 'selected',
+  },
 };