# betterdocs/4.9.5/react-src/gutenberg/components/partials/GridCounts.js

BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ &amp; Chatbot, version 4.9.5. 27 lines.

- Page: https://pluginprobe.com/plugins/betterdocs/4.9.5/code/react-src/gutenberg/components/partials/GridCounts.js
- Raw: https://pluginprobe.com/plugins/betterdocs/4.9.5/raw/react-src/gutenberg/components/partials/GridCounts.js
- Modified: 2026-10-12T10:07:14+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/betterdocs/4.9.5/code/react-src/gutenberg/components/partials/GridCounts.js#L10-L20`.

```javascript
import React from "react";
import { sprintf, _n } from "@wordpress/i18n";

const GridCounts = ({ count, attributes }) => {
    let { prefix = "", suffix = "", suffixSingular = "", layout } = attributes;

    return (
        <div data-count={count} className="betterdocs-category-items-counts">
            <span>
                {sprintf(
                    _n(
                        '%1$s %2$d %3$s',
                        '%1$s %2$d %3$s',
                        count,
                        "betterdocs",
                    ),
                    prefix,
                    count,
                    count === 1 ? suffixSingular : suffix
                )?.trim()}{" "}
            </span>
        </div>
    );
};

export default GridCounts;

```
