zebflow 0.11.14

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

import { cx } from "zeb/react";

/**
 * Inline checkbox toggle — compact mono style for dark console/toolbar contexts.
 * Forwards all extra props (including data-* attributes) to the underlying input.
 */
export default function Checkbox({ label, className, labelClassName, ...rest }) {
  return (
    <label className={cx("inline-flex items-center gap-1.5 cursor-pointer select-none", className)}>
      <input type="checkbox" className="size-3.5 accent-primary cursor-pointer" {...rest} />
      <span className={labelClassName || "text-[0.7rem] font-mono text-muted-foreground"}>{label}</span>
    </label>
  );
}