- Button(props): ReactNode
Parameters
props: {
block?: boolean;
children?: ReactNode;
color?: "default" | "success" | "warning" | "primary" | "danger";
disabled?: boolean;
fill?: "none" | "outline" | "solid";
loading?: boolean | "auto";
loadingIcon?: ReactNode;
loadingText?: string;
onClick?: ((event) => unknown);
shape?: "default" | "rounded" | "rectangular";
size?: "small" | "middle" | "large" | "mini";
type?: "button" | "reset" | "submit";
} & Pick<NativeButtonProps, "id" | "onMouseDown" | "onMouseUp" | "onTouchEnd" | "onTouchStart"> & {
className?: string;
style?: CSSProperties & Partial<Record<"--background-color" | "--border-radius" | "--text-color" | "--border-width" | "--border-style" | "--border-color", string>>;
tabIndex?: number;
} & AriaAttributes & RefAttributes<ButtonRef>
Returns ReactNode
Properties
Readonly $$typeof
$$typeof: symbol
Optional defaultProps
defaultProps?: Partial<{ block?: boolean; children?: ReactNode; color?: "default" | "success" | "warning" | "primary" | "danger"; disabled?: boolean; fill?: "none" | "outline" | "solid"; loading?: boolean | "auto"; loadingIcon?: ReactNode; loadingText?: string; onClick?: ((event) => unknown); shape?: "default" | "rounded" | "rectangular"; size?: "small" | "middle" | "large" | "mini"; type?: "button" | "reset" | "submit"; } & Pick<NativeButtonProps, "id" | "onMouseDown" | "onMouseUp" | "onTouchEnd" | "onTouchStart"> & { className?: string; style?: CSSProperties & Partial<Record<"--background-color" | "--border-radius" | "--text-color" | "--border-width" | "--border-style" | "--border-color", string>>; tabIndex?: number; } & AriaAttributes & RefAttributes<ButtonRef>> Optional displayName
displayName?: string
Optional propTypes
propTypes?: WeakValidationMap<{ block?: boolean; children?: ReactNode; color?: "default" | "success" | "warning" | "primary" | "danger"; disabled?: boolean; fill?: "none" | "outline" | "solid"; loading?: boolean | "auto"; loadingIcon?: ReactNode; loadingText?: string; onClick?: ((event) => unknown); shape?: "default" | "rounded" | "rectangular"; size?: "small" | "middle" | "large" | "mini"; type?: "button" | "reset" | "submit"; } & Pick<NativeButtonProps, "id" | "onMouseDown" | "onMouseUp" | "onTouchEnd" | "onTouchStart"> & { className?: string; style?: CSSProperties & Partial<Record<"--background-color" | "--border-radius" | "--text-color" | "--border-width" | "--border-style" | "--border-color", string>>; tabIndex?: number; } & AriaAttributes & RefAttributes<ButtonRef>>
Used in debugging messages. You might want to set it explicitly if you want to display a different name for debugging purposes.