kahuna-base-react-components 1.2.10 → 1.2.12

package/dist/types.d.ts

@@ -152,6 +152,7 @@ interface KDropdownProps {
     width?: number;
     height?: number;
     leftIcon?: string;
+    menuPosition?: string;
     rightIcon?: string;
     background?: string;
     activeBackground?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kahuna-base-react-components",
-  "version": "1.2.10",
+  "version": "1.2.12",
   "description": "Kahuna Base React Components",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

package/src/components/KDropdown/KDropdown.tsx

@@ -27,6 +27,7 @@ export interface KDropdownProps {
   width?: number
   height?: number
   leftIcon?: string
+  menuPosition?: string
   rightIcon?: string
   background?: string
   activeBackground?: string
@@ -84,6 +85,7 @@ const KDropdown: React.FC<KDropdownProps> = (props) => {
   const boxShadow = props.shadowDisabled ? "" : "0 0 0 1px rgba(17, 17, 17, 0.04), 0 1px 1px 0 rgba(17, 17, 17, 0.04)"
   const menuBackground = props.menuBackground || "rgb(249, 249, 249)"
   const padding = props.padding || "8px"
+  const menuPosition = props.menuPosition || "absolute"
   const gap = props.gap || "4px"
   const hideIcon = props.hideChosenOptionIcon || false
   const isClearable = props.isClearable || false
@@ -257,6 +259,7 @@ const KDropdown: React.FC<KDropdownProps> = (props) => {
             minHeight: "21px",
             border: "none"
           }),
+          //@ts-ignore
           menu: (base) => ({
             ...base,
             borderRadius: 10,
@@ -267,7 +270,8 @@ const KDropdown: React.FC<KDropdownProps> = (props) => {
             paddingRight: 3,
             paddingLeft: 3,
             width: menuWidth,
-            left: menuLeftMargin
+            left: menuLeftMargin,
+            position: menuPosition
           }),
           menuList: (base) => ({
             ...base,