studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨(react) add danger color to Button

Browse Source 
We adding do's and don't to the documentation I realized that the
danger button was really important in some cases even if the style
was not delivered by designers. Example: Delete buttons.
This commit is contained in:
Nathan Vasse
2023-01-16 12:07:24 +01:00
committed by NathanVss
parent 163bb1f9c8
commit b07f9cc869
2 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/react/src/components/Button/index.stories.mdx
View File

@@ -13,6 +13,7 @@ The Cunningham Button behaves the same as the native html `<button>` element, bu
<Story id="button--primary"/> <Story id="button--primary"/>
<Story id="button--secondary"/> <Story id="button--secondary"/>
<Story id="button--tertiary"/> <Story id="button--tertiary"/>
<Story id="button--danger"/>
</Canvas> </Canvas>
<Source <Source

2
packages/react/src/components/Button/index.tsx
View File

@@ -1,7 +1,7 @@
import React, { ButtonHTMLAttributes, ReactNode } from "react"; import React, { ButtonHTMLAttributes, ReactNode } from "react";
interface Props extends ButtonHTMLAttributes<HTMLButtonElement> { interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
color?: "primary" | "secondary" | "tertiary"; color?: "primary" | "secondary" | "tertiary" | "danger";
icon?: ReactNode; icon?: ReactNode;
iconPosition?: "left" | "right"; iconPosition?: "left" | "right";
} }