washiveil
uicode-badgesource: ok · hit
Code Badge
Identifier badge for codes and versions — rounded-md mono, distinct from the taxonomy Chip.
npx shadcn add "https://washiveil.alexchih.com/r/code-badge.json"free
Visual style
terminal-mono
Tags auto-generated by rules on 9/24/2026 — empty means no evidence, not lack of support.
Dependencies
Bundle weight · lightRegistry dependencies
https://washiveil.alexchih.com/r/theme.json
Files1 · source cached 10/14/2026, 1:28:19 PM
registry/washiveil/ui/code-badge.tsx
import { cn } from '@/lib/utils';
// Identifier badge (course codes, cert codes) -- rounded-md, no border.
// Distinct from Chip (rounded-full pill, bordered) which marks taxonomy.
export type CodeBadgeProps = React.ComponentProps<'span'>;
export function CodeBadge({ className, ...props }: CodeBadgeProps) {
return (
<span
className={cn(
'rounded-md bg-ruri/10 px-2 py-1 font-mono text-[0.75rem] font-semibold text-ruri dark:bg-ruri-soft/10 dark:text-ruri-soft',
className,
)}
{...props}
/>
);
}