feat(CBadge): add small size

mrholek · mrholek · commit 944750e2765e · 2021-05-19T01:29:46.000+02:00
diff --git a/src/components/badge/CBadge.tsx b/src/components/badge/CBadge.tsx
@@ -27,21 +27,28 @@ export interface CBadgeProps extends HTMLAttributes<HTMLDivElement | HTMLSpanEle
    * @type 'rounded' | 'rounded-top' | 'rounded-end' | 'rounded-bottom' | 'rounded-start' | 'rounded-circle' | 'rounded-pill' | 'rounded-0' | 'rounded-1' | 'rounded-2' | 'rounded-3' | string
    */
   shape?: Shapes
+  /**
+   * Size the component small. [docs]
+   *
+   * @type 'sm'
+   */
+  size?: 'sm'
   /**
    * Sets the text color of the component to one of CoreUI’s themed colors. [docs]
    */
   textColor?: string
 }
 export const CBadge = forwardRef<HTMLDivElement | HTMLSpanElement, CBadgeProps>(
   (
-    { children, className, color, component: Component = 'span', shape, textColor, ...rest },
+    { children, className, color, component: Component = 'span', shape, size, textColor, ...rest },
     ref,
   ) => {
     const _className = classNames(
       'badge',
       {
         [`bg-${color}`]: color,
         [`text-${textColor}`]: color,
+        [`badge-${size}`]: size,
       },
       shape,
       className,
