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
15
16
17
18
19
20
21

import { cx } from "zeb";

const ALIGN_CLASSES = {
  left: "left-0",
  right: "right-0",
  center: "left-1/2 -translate-x-1/2",
};

export default function DropdownMenuContent({ align, className, children, ...rest }) {
  const alignClass = ALIGN_CLASSES[align] ?? ALIGN_CLASSES.left;
  return (
    <div className={cx(
      "absolute z-50 mt-2 min-w-[8rem] overflow-hidden rounded-md p-1 shadow-md animate-in fade-in-80 zoom-in-95",
      "border border-border",
      "bg-surface",
      "text-body",
      alignClass, className)} {...rest}>
      {children}
    </div>
  );
}