z0x/blog.z0x.ca
Code Actions

feat: copy button

Browse source
This commit is contained in:
jason 2024-09-11 22:54:47 -07:00
parent 1012f562ff
commit 4382f7165c
22 changed files with 197 additions and 752 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/ui/badge.tsx
View file

@ -1,10 +1,11 @@
import { cva, type VariantProps } from 'class-variance-authority'
import { Hash } from 'lucide-react'
import * as React from 'react'
import { cn } from '@/lib/utils'
const badgeVariants = cva(
'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
{
variants: {
variant: {
@ -29,7 +30,10 @@ export interface BadgeProps
function Badge({ className, variant, ...props }: BadgeProps) {
return (
<div className={cn(badgeVariants({ variant }), className)} {...props} />
<div className={cn(badgeVariants({ variant }), className)} {...props}>
<Hash className="mr-0.5 h-3 w-3" />
{props.children}
</div>
)
}