feat: 🎸 [Button] Added button colord

✅ Closes: #311
melfore · Aug 21, 2023 · e4459d3 · e4459d3
1 parent e9f17bd
commit e4459d3
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/src/components/Button/index.stories.tsx b/src/components/Button/index.stories.tsx
@@ -104,3 +104,9 @@ VariantOutlined.args = {
   ...Primary.args,
   variant: "outlined",
 };
+
+export const Color = Template.bind({});
+Color.args = {
+  ...Primary.args,
+  color: "success",
+};
diff --git a/src/components/Button/index.tsx b/src/components/Button/index.tsx
@@ -25,6 +25,7 @@ const Button: FC<IButton> = ({
   onClick,
   style,
   variant = "contained",
+  color = "primary",
 }) => {
   const icon = useMemo(() => {
     const muiIcon: IMUIButtonIcon = {};
@@ -62,6 +63,7 @@ const Button: FC<IButton> = ({
       onClick={onClickHandler}
       style={style}
       variant={variant}
+      color={color}
       {...icon}
     >
       {label}

diff --git a/src/types/Button.ts b/src/types/Button.ts
@@ -24,6 +24,9 @@ export enum ButtonVariants {
 
 type IButtonVariants = "contained" | "outlined";
 
+//type ButtonColor = "primary" | "success" | "error" | "secondary";
+type ButtonColor = "primary" | "success" | "secondary" | "info" | "error" | "warning";
+
 export type IButtonIcon = Pick<IIcon, "rotate"> & {
   component?: ReactElement;
   name?: Icons;
@@ -55,4 +58,8 @@ export interface IButton extends IBaseButton, IDisablableInput, ILocalizable {
    * Variant for button shape
    */
   variant?: IButtonVariants | ButtonVariants;
+  /**
+   * Button color
+   */
+  color?: ButtonColor;
 }