Atoms
Badge Status
A status badge with animated ping indicator.
FormanceCustom component built for Formance products.
Installation#
npx shadcn@latest add @formance/badge-statusInstall the following dependencies:
npm install class-variance-authorityCopy and paste the following code into your project.
Update the import paths to match your project setup.
Usage#
import { BadgeStatus } from '@/components/ui/badge-status'<BadgeStatus variant="valid">Connector Active</BadgeStatus>