form

PreviousNext
Docs
cossui

Preview

Loading preview…
registry/default/ui/form.tsx
"use client";

import { Form as FormPrimitive } from "@base-ui/react/form";

import { cn } from "@/registry/default/lib/utils";

function Form({ className, ...props }: FormPrimitive.Props) {
  return (
    <FormPrimitive
      className={cn("flex w-full flex-col gap-4", className)}
      data-slot="form"
      {...props}
    />
  );
}

export { Form };

Installation

npx shadcn@latest add @coss/form

Usage

import { Form } from "@/components/ui/form"
<Form />