zebflow 0.10.10

Reactive web automation platform — pipelines, templates, and real-time collaboration in a single binary.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

import { cx } from "zeb/react";

/**
 * Keyboard key chip — inline mono badge styled like a physical key.
 * Use for showing keyboard shortcut hints.
 */
export default function Kbd({ children, className = "" }) {
  return (
    <kbd className={cx(
      "inline-flex items-center justify-center",
      "font-mono text-[0.65rem] leading-none",
      "px-[0.45em] py-[0.18em]",
      "border border-border border-b-2",
      "rounded-[0.3em]",
      "bg-muted text-muted-foreground",
      "whitespace-nowrap align-middle",
      className,
    )}>
      {children}
    </kbd>
  );
}