zebflow 0.6.1

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";

/**
 * 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, ...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-[var(--color-accent,#60a5fa)] cursor-pointer" {...rest} />
      <span className="text-[0.7rem] font-mono text-gray-400">{label}</span>
    </label>
  );
}