Change button to accept string in count (#5725)

Co-authored-by: Josh Black <[email protected]>

Author: 2 people

.changeset/yellow-trainers-arrive.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": minor
+---
+
+Allow button count prop to accept a number or a string, to allow for human format, like 3.2k

packages/react/src/Button/Button.features.stories.tsx

@@ -63,6 +63,10 @@ export const TrailingCounter = () => {
 
 export const TrailingCounterWithNoText = () => <Button aria-label="Comments" leadingVisual={CommentIcon} count={3} />
 
+export const TrailingCounterWithHumanFormat = () => (
+  <Button aria-label="Comments" leadingVisual={CommentIcon} count="3.2k" />
+)
+
 export const TrailingCounterAllVariants = () => {
   const [count, setCount] = useState(0)
   const onClick = () => {

packages/react/src/Button/types.ts

@@ -86,7 +86,7 @@ export type ButtonProps = {
 
   children?: React.ReactNode
 
-  count?: number
+  count?: number | string
 } & ButtonBaseProps
 
 export type IconButtonProps = ButtonA11yProps & {