From 184c64aafafba84bc5227efa724fdc23cb4bab37 Mon Sep 17 00:00:00 2001 From: Joseph John Aas Cooper Date: Thu, 23 Nov 2023 11:40:58 +0100 Subject: [PATCH] docs(button): add destructive secondary example --- docs/docs/components/button.md | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/docs/docs/components/button.md b/docs/docs/components/button.md index acd0f0eeff..80c18fcfea 100644 --- a/docs/docs/components/button.md +++ b/docs/docs/components/button.md @@ -32,7 +32,7 @@ Buttons are used to trigger actions. There are different button variants that ar | ------------- | -------------------------------------------------------------------------------------------------------------------------- | | `Basic` | Default. Will suit the majority of actions on a page. | | `Primary` | Use for the most important action on a page, like a _Save data_ button in a form. Only use one `primary` button on a page. | -| `Secondary` | Use for less important actions, usually in combination with other buttons. | +| `Secondary` | Use for less important actions, usually in combination with other buttons. Can be applied to `Destructive`. | | `Destructive` | Only for primary-type actions that will delete or destroy something. Don't use several on a single page. | #### Basic @@ -67,12 +67,16 @@ Buttons are used to trigger actions. There are different button variants that ar #### Destructive - +
+ + +
- Only use for primary-type actions that will destroy data. - Don't use if the action will only remove an item from the current context. - Only use a one `destructive` button per page. +- `Destructive secondary` can be used more than once per page for less important destructive actions. ### Format