Function OutlinedButton

Parameters

• props: {
      children?: ReactNode;
      classes?: Partial<ButtonClasses>;
      color?: "error" | "info" | "inherit" | "primary" | "secondary" | "success" | "warning";
      disableElevation?: boolean;
      disableFocusRipple?: boolean;
      disabled?: boolean;
      endIcon?: ReactNode;
      fullWidth?: boolean;
      href?: string;
      size?: "small" | "medium" | "large";
      startIcon?: ReactNode;
      sx?: SxProps<Theme>;
      variant?: "text" | "outlined" | "contained";
  } & Omit<{
      LinkComponent?: ElementType<any>;
      TouchRippleProps?: Partial<TouchRippleProps>;
      action?: Ref<ButtonBaseActions>;
      centerRipple?: boolean;
      children?: ReactNode;
      classes?: Partial<ButtonBaseClasses>;
      disableRipple?: boolean;
      disableTouchRipple?: boolean;
      disabled?: boolean;
      focusRipple?: boolean;
      focusVisibleClassName?: string;
      onFocusVisible?: FocusEventHandler<any>;
      sx?: SxProps<Theme>;
      tabIndex?: number;
      touchRippleRef?: Ref<TouchRippleActions>;
  }, "classes"> & CommonProps & Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
      ref?: null | ((instance) => void) | RefObject<HTMLButtonElement>;
  }, keyof CommonProps | "tabIndex" | "color" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon" | "variant"> & MUIStyledCommonProps<Theme>

• Optional context: any