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
15

import { cx } from "zeb/react";
import Label from "@/components/ui/label";
import HelpTooltip from "@/components/ui/help-tooltip";

export default function Field(props) {
  return (
    <div className={cx("grid w-full items-center gap-1.5", props?.className)}>
      <div className="flex items-center gap-1.5">
        <Label label={props?.label} htmlFor={props?.id} />
        {props?.description && <HelpTooltip text={props.description} />}
      </div>
      {props.children}
    </div>
  );
}