Horizontal layout wrapper for multiple badges with spacing and alignment.
pnpm dlx shadcn@latest add @shieldcn/readme-badge-rowimport { ReadmeBadge } from "@/components/readme-badge"import { ReadmeBadgeRow } from "@/components/readme-badge-row"<ReadmeBadgeRow>
<ReadmeBadge src="https://shieldcn.dev/npm/react.svg" alt="npm" />
<ReadmeBadge src="https://shieldcn.dev/github/stars/vercel/next.js.svg" alt="stars" />
<ReadmeBadge src="https://shieldcn.dev/badge/build-passing-green.svg" alt="build" />
</ReadmeBadgeRow>ReadmeBadgeRow works with any inline elements, not just ReadmeBadge:
<ReadmeBadgeRow>
<img src="https://shieldcn.dev/npm/react.svg" alt="React" />
<img src="https://shields.io/badge/foo-bar-blue" alt="shields" />
</ReadmeBadgeRow>