fix: add classNameOverride to MultiSelectOption (#21)

* fix: add content-box to icon * feat: add changeset * fix: update comment * fix: add classNameOverride to MultiSelectOption * fix: remove style override * fix: add new changeset description * fix: remove html attributes type
cultureamp · Sep 4, 2023 · 3f71968 · 3f71968
1 parent 1c42058
commit 3f71968
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/.changeset/pink-ghosts-grow.md b/.changeset/pink-ghosts-grow.md
@@ -0,0 +1,5 @@
+---
+"@kaizen/select": minor
+---
+
+Add classNameOverride to MultiSelectOption.
diff --git a/packages/select/src/FilterMultiSelect/components/MultiSelectOption/MultiSelectOption.tsx b/packages/select/src/FilterMultiSelect/components/MultiSelectOption/MultiSelectOption.tsx
@@ -13,10 +13,12 @@ import { useSelectionContext } from "../../provider"
 import styles from "./MultiSelectOption.module.scss"
 
 export interface MultiSelectOptionProps {
+  classNameOverride?: string
   item: MultiSelectItem
 }
 
 export const MultiSelectOption = ({
+  classNameOverride,
   item,
 }: MultiSelectOptionProps): JSX.Element => {
   const { selectionState: state } = useSelectionContext()
@@ -39,6 +41,7 @@ export const MultiSelectOption = ({
       ref={ref}
       className={classnames(
         styles.option,
+        classNameOverride,
         isSelected && styles.isSelected,
         isFocusVisible && styles.isFocusVisible,
         isDisabled && styles.isDisabled