UNPKG

@vela-ui/react

Version:

Vela UI React components

35 lines (33 loc) 675 B
// src/components/separator.tsx import { Separator as AriaSeparator } from "react-aria-components"; import { tv } from "tailwind-variants"; import { jsx } from "react/jsx-runtime"; var separatorVariants = tv({ base: "bg-border shrink-0", variants: { orientation: { horizontal: "h-px w-full", vertical: "h-full w-px" } }, defaultVariants: { orientation: "horizontal" } }); function Separator({ orientation, className, ...props }) { return /* @__PURE__ */ jsx( AriaSeparator, { "data-slot": "separator", className: separatorVariants({ orientation, className }), ...props } ); } export { Separator };