kahuna-base-react-components 1.2.10 → 1.2.11

package/dist/types.d.ts

@@ -152,6 +152,7 @@ interface KDropdownProps {
     width?: number;
     height?: number;
     leftIcon?: string;
+    position?: 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.11",
   "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
+  position?: 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 position = props.position || "absolute"
   const gap = props.gap || "4px"
   const hideIcon = props.hideChosenOptionIcon || false
   const isClearable = props.isClearable || false
@@ -222,7 +224,9 @@ const KDropdown: React.FC<KDropdownProps> = (props) => {
         boxShadow,
         padding,
         gap,
-        border
+        border,
+        //@ts-ignore
+        position
       }}
     >
       {props.leftIcon && <img src={props.leftIcon} width={20} alt={"l-icon"} />}