DialogFooter() — ui Function Reference

Architecture documentation for the DialogFooter() function in dialog.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ DialogFooter() — ui Function Reference

Dependency Diagram

graph TD
  4a88523f_5b95_995e_4718_a8ba393851aa["DialogFooter()"]
  355f8b9e_591b_d239_ab18_5eaebeaee3b6["dialog.tsx"]
  4a88523f_5b95_995e_4718_a8ba393851aa -->|defined in| 355f8b9e_591b_d239_ab18_5eaebeaee3b6
  style 4a88523f_5b95_995e_4718_a8ba393851aa fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/default/ui/dialog.tsx lines 70–81

const DialogFooter = ({
  className,
  ...props
}: React.HTMLAttributes<HTMLDivElement>) => (
  <div
    className={cn(
      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
      className
    )}
    {...props}
  />
)