Button() — ui Function Reference

Architecture documentation for the Button() function in button.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ Button() — ui Function Reference

Dependency Diagram

graph TD
  8c0d2c13_769a_69ab_df4b_d03ab7542a2a["Button()"]
  aee1c23d_a3f5_974a_d73d_ad9b953709ce["button.tsx"]
  8c0d2c13_769a_69ab_df4b_d03ab7542a2a -->|defined in| aee1c23d_a3f5_974a_d73d_ad9b953709ce
  style 8c0d2c13_769a_69ab_df4b_d03ab7542a2a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/new-york/ui/button.tsx lines 44–53

  ({ className, variant, size, asChild = false, ...props }, ref) => {
    const Comp = asChild ? Slot : "button"
    return (
      <Comp
        className={cn(buttonVariants({ variant, size, className }))}
        ref={ref}
        {...props}
      />
    )
  }