Merge 0991fa7 into b9658a4

akveo · Sep 20, 2019 · 1f5f4bc · 1f5f4bc
2 parents b9658a4 + 0991fa7
commit 1f5f4bc
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/src/framework/ui/select/select.component.tsx b/src/framework/ui/select/select.component.tsx
@@ -73,6 +73,7 @@ interface ComponentProps {
   icon?: IconProp;
   onSelect: (option: SelectOption, event?: GestureResponderEvent) => void;
   status?: string;
+  size?: string;
   renderItem?: (item: ListRenderItemInfo<SelectOptionType>) => React.ReactElement<any>;
 }
 
@@ -95,6 +96,10 @@ interface State {
  * @property {string} status - Determines the status of the component.
  * Can be `primary`, `success`, `info`, `warning` or `danger`.
  *
+ * @property {string} size - Determines the size of the component.
+ * Can be `large`, `medium` or `small`.
+ * Default is `medium`.
+ *
  * @property {boolean} multiSelect - Determines `multi-select` behavior of the Select component.
  *
  * @property {SelectOption} selectedOption - Determines selected option of the Select.

diff --git a/src/playground/src/ui/screen/select/type.tsx b/src/playground/src/ui/screen/select/type.tsx
@@ -177,4 +177,16 @@ export const selectSettings: ComponentShowcaseSetting[] = [
     propertyName: 'status',
     value: 'danger',
   },
+  {
+    propertyName: 'size',
+    value: 'small',
+  },
+  {
+    propertyName: 'size',
+    value: 'medium',
+  },
+  {
+    propertyName: 'size',
+    value: 'large',
+  },
 ];