|
@@ -7,6 +7,7 @@ export type IButtonProps = {
|
|
|
className?: string
|
|
|
disabled?: boolean
|
|
|
loading?: boolean
|
|
|
+ tabIndex?: number
|
|
|
children: React.ReactNode
|
|
|
onClick?: MouseEventHandler<HTMLDivElement>
|
|
|
}
|
|
@@ -18,6 +19,7 @@ const Button: FC<IButtonProps> = ({
|
|
|
className,
|
|
|
onClick,
|
|
|
loading = false,
|
|
|
+ tabIndex,
|
|
|
}) => {
|
|
|
let style = 'cursor-pointer'
|
|
|
switch (type) {
|
|
@@ -35,6 +37,7 @@ const Button: FC<IButtonProps> = ({
|
|
|
return (
|
|
|
<div
|
|
|
className={`inline-flex justify-center items-center content-center h-9 leading-5 rounded-lg px-4 py-2 text-base ${style} ${className && className}`}
|
|
|
+ tabIndex={tabIndex}
|
|
|
onClick={disabled ? undefined : onClick}
|
|
|
>
|
|
|
{children}
|