updated the Badge component

assets/js/src/core/components/badge/badge.stories.tsx

@@ -0,0 +1,63 @@
+/**
+* Pimcore
+*
+* This source file is available under two different licenses:
+* - Pimcore Open Core License (POCL)
+* - Pimcore Commercial License (PCL)
+* Full copyright and license information is available in
+* LICENSE.md which is distributed with this source code.
+*
+*  @copyright  Copyright (c) Pimcore GmbH (http://www.pimcore.org)
+*  @license    https://github.com/pimcore/studio-ui-bundle/blob/1.x/LICENSE.md POCL and PCL
+*/
+
+import React from 'react'
+import { type Meta } from '@storybook/react'
+import { Badge } from './badge'
+import { Icon } from '@Pimcore/components/icon/icon'
+
+const config: Meta = {
+  title: 'Components/Data Display/Badge',
+  component: Badge,
+  args: {
+    children: (
+      <Icon value={ 'folder' } />
+    ),
+    count: 8
+  }
+}
+
+export default config
+
+export const _default = {}
+
+export const Small = {
+  args: {
+    size: 'small'
+  }
+}
+
+export const Large = {
+  args: {
+    size: 'large'
+  }
+}
+
+export const Standalone = {
+  args: {
+    children: null,
+    showZero: true
+  }
+}
+
+export const WithOverflowCount = {
+  args: {
+    overflowCount: 5
+  }
+}
+
+export const WithOffset = {
+  args: {
+    offset: [7, 0]
+  }
+}

assets/js/src/core/components/badge/badge.tsx

@@ -14,7 +14,7 @@
 import React from 'react'
 import { Badge as AntBadge, type BadgeProps } from 'antd'
 
-export const Badge = ({ color, children, ...props }: BadgeProps): React.JSX.Element => {
+export const Badge = ({ color, ...props }: BadgeProps): React.JSX.Element => {
   return (
     <AntBadge
       color={ color }

public/build/60f6f739-39c5-422c-bb87-8a49352dbd3f/entrypoints.json

@@ -0,0 +1,14 @@
+{
+  "entrypoints": {
+    "main": {
+      "css": [
+        "http://localhost:3030/build/60f6f739-39c5-422c-bb87-8a49352dbd3f/vendors-node_modules_dnd-kit_modifiers_dist_modifiers_esm_js-node_modules_dnd-kit_sortable_di-cbce9d.css",
+        "http://localhost:3030/build/60f6f739-39c5-422c-bb87-8a49352dbd3f/main.css"
+      ],
+      "js": [
+        "http://localhost:3030/build/60f6f739-39c5-422c-bb87-8a49352dbd3f/vendors-node_modules_dnd-kit_modifiers_dist_modifiers_esm_js-node_modules_dnd-kit_sortable_di-cbce9d.js",
+        "http://localhost:3030/build/60f6f739-39c5-422c-bb87-8a49352dbd3f/main.js"
+      ]
+    }
+  }
+}