Count

import { Count } from "@fanvue/ui";
import type { CountProps, CountSize, CountVariant } from "@fanvue/ui";

import { Count } from "@fanvue/ui";

<Count value={5} />

import { Count } from "@fanvue/ui";

<Count>NEW</Count>

import { Count } from "@fanvue/ui";

<Count value={150} max={99} />

import { Count } from "@fanvue/ui";

<div className="flex items-center gap-4">
  <Count value={5} variant="default" />
  <Count value={3} variant="alert" />
  <Count value={12} variant="brand" />
  <Count value={8} variant="pink" />
  <Count value={3} variant="info" />
  <Count value={7} variant="success" />
  <Count value={99} variant="warning" />
</div>

import { Count } from "@fanvue/ui";

<Count value={0} />