feat: add classname prop

gravity-ui · Mar 1, 2024 · 8571c37 · 8571c37
1 parent d4ae6a6
commit 8571c37
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/components/Select/components/SelectCounter/SelectCounter.tsx b/src/components/Select/components/SelectCounter/SelectCounter.tsx
@@ -9,11 +9,11 @@ import './SelectCounter.scss';
 const b = block('select-counter');
 
 export const SelectCounter = React.forwardRef(function SelectCouner(
-    {count, size}: SelectCounterProps,
+    {count, size, className}: SelectCounterProps,
     ref: React.ForwardedRef<HTMLDivElement>,
 ) {
     return (
-        <div className={b({size})} ref={ref}>
+        <div className={b({size}, className)} ref={ref}>
             <Text variant={size === 'xl' ? 'body-2' : 'body-1'}>{count}</Text>
         </div>
     );

diff --git a/src/components/Select/types.ts b/src/components/Select/types.ts
@@ -158,8 +158,12 @@ export type SelectClearProps = SelectClearIconProps & {
 };
 
 export type SelectCounterProps = {
+    /** number of selected elements to show */
     count: number;
+    /** size of the parent elemnent */
     size: SelectSize;
+    /** additional classname for component */
+    className?: string;
 };
 
 export type SelectOptions<T = any> = NonNullable<SelectProps<T>['options']>;