Merge pull request #425 from Infineon/422-documentation-button-update

Documentation: button update
Infineon · Aug 28, 2023 · 32a52f8 · 32a52f8
2 parents 5e42e69 + 8bfbb2d
commit 32a52f8
Show file tree

Hide file tree

Showing 5 changed files with 4 additions and 3 deletions.
diff --git a/packages/components/public-storybook/images/button/button-variant-error.png b/packages/components/public-storybook/images/button/button-variant-error.png
diff --git a/packages/components/public-storybook/images/button/button-variant-secondary.png b/packages/components/public-storybook/images/button/button-variant-secondary.png
diff --git a/packages/components/public-storybook/images/button/error-button-states.png b/packages/components/public-storybook/images/button/error-button-states.png
diff --git a/packages/components/public-storybook/images/button/secondary-button-states.png b/packages/components/public-storybook/images/button/secondary-button-states.png
diff --git a/packages/components/src/components/button/Usage.mdx b/packages/components/src/components/button/Usage.mdx
@@ -57,9 +57,10 @@ Use for actions that are not as important as primary or secondary actions. The t
 #### States
 <img src={TertiaryButtonStates} alt="Tertiary Button States" />
 
-### Error
-Should be used for actions that result in a destructive action, such as deleting a record. The error button has a high-contrast, attention-grabbing style — try to limit its use per page as much as possible.
-To make it easier for users to cancel a destructive action, it is recommended to include a secondary button alongside the error button on modal components. For instance, if a table is being deleted, users can use the "Cancel" button to close the modal.
+### Danger
+Should be used for actions that result in a destructive action, such as deleting a record. The danger button has a high-contrast, attention-grabbing style — try to limit its use per page as much as possible.
+To make it easier for users to cancel a destructive action, it is recommended to include a secondary button alongside the danger button on modal components. For instance, if a table is being deleted, users can use the "Cancel" button to close the modal.
+> A tertiary button variant for danger does not exist in our DDS.
 <img src={ButtonVariantError} alt="Button Variant Error" />