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
16
17
18
19
20
21
22
23
24
25
26
27
28

import { cx, Link } from "zeb/react";

export function StudioTabNav({ children }: any) {
  return (
    <nav className="shrink-0 flex items-stretch border-b border-border bg-card px-[0.625rem]">
      {/* tw-variants hint: active StudioTabLink classes always scanned by RWE Tailwind engine */}
      <span hidden tw-variants="text-primary border-primary bg-primary/10 bg-card border-transparent" />
      {children}
    </nav>
  );
}

export function StudioTabLink({ href, active, children }: any) {
  return (
    <Link
      href={href ?? "#"}
      className={cx(
        "inline-flex items-center gap-1 px-[0.8rem] py-0.5 border-b-2",
        "text-xs font-mono uppercase tracking-widest",
        active
          ? "text-primary border-primary bg-primary/10 font-medium"
          : "text-muted-foreground border-transparent hover:text-primary hover:border-primary hover:bg-primary/10"
      )}
    >
      {children}
    </Link>
  );
}