oui
componentoui-badge-demosource: ok · hit
Oui Badge Demo
npx shadcn add "https://oui.mw10013.workers.dev/r/oui-badge-demo.json"free
No selection tags yet — empty means no evidence, not lack of support.
Dependencies
Bundle weight · lighticonslucide-react
Registry dependencies
@oui/oui-badge
Files1 · source cached 10/9/2026, 4:50:13 AM
registry/default/components/oui-badge-demo.tsx
import { badgeClassName } from "@/registry/default/ui/oui-badge";
import { ArrowRightIcon } from "lucide-react";
import * as Rac from "react-aria-components";
export default function Component() {
return (
<Rac.Link
href="https://github.com/mw10013/cloudflare-react-router-saas"
target="_blank"
rel="noopener noreferrer"
className={badgeClassName({ variant: "secondary" })}
>
<span className="flex size-2 rounded-full bg-blue-500" title="New" />
Example: Open-source saas template using Oui <ArrowRightIcon />
</Rac.Link>
);
}