button

Documentation / ui/button

ButtonProps

Defined in: app/components/ui/button.tsx:36

Extends

• ButtonHTMLAttributes<HTMLButtonElement>.VariantProps<typeof buttonVariants>

Properties

Property	Type	Inherited from	Defined in
asChild?	boolean	‐	app/components/ui/button.tsx:39
size?	"default" | "icon" | "sm" | "lg"	VariantProps.size	app/components/ui/button.tsx:22
variant?	"default" | "link" | "outline" | "destructive" | "secondary" | "ghost"	VariantProps.variant	app/components/ui/button.tsx:11

---

Button

const Button: ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>;

Defined in: app/components/ui/button.tsx:42

---

buttonVariants()

const buttonVariants: (props?: ConfigVariants<{
  size: {
     default: string;
     icon: string;
     lg: string;
     sm: string;
  };
  variant: {
     default: string;
     destructive: string;
     ghost: string;
     link: string;
     outline: string;
     secondary: string;
  };
}> & ClassProp) => string;

Defined in: app/components/ui/button.tsx:7

Parameters

Parameter	Type
props?	ConfigVariants<{ size: { default: string; icon: string; lg: string; sm: string; }; variant: { default: string; destructive: string; ghost: string; link: string; outline: string; secondary: string; }; }> & ClassProp

Returns

string