Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/openstatusHQ/openstatus. 🫖 Status page with uptime monitoring & API monitoring as code 🫖 openstatus.dev
bun drizzle-orm monitoring monitoring-as-code nextjs observability on-call open-source shadcn-ui status-page statuspage synthetic-monitoring tinybird turso uptime uptime-checker uptime-monitor
Something went wrong. Try again.
829 B · 33 lines
TSX
12345678910111213141516171819202122232425262728293031323334import { type VariantProps, cva } from "class-variance-authority";import type * as React from "react";
import { cn } from "@/lib/utils";
const kbdVariants = cva( "ms-2 -me-1 inline-flex h-5 max-h-full items-center rounded border px-1 font-[inherit] text-[0.625rem] font-medium", { variants: { variant: { default: "border-input bg-background text-muted-foreground/70", secondary: "bg-secondary text-secondary-foreground", ghost: "border-transparent", }, }, defaultVariants: { variant: "default", }, },);
export function Kbd({ children, className, variant, ...props}: React.ComponentProps<"kbd"> & VariantProps<typeof kbdVariants>) { return ( <kbd className={cn(kbdVariants({ variant, className }))} {...props}> {children} </kbd> );}