ix-button add alarm color options

[KaiSoellch]

Prerequisites

• [X] I have not leaked any internal company information.
• [X] I have not posted internal links or code snippets.

Suggestion / feature request

it would be a good idea to have a red button for e.g. actions to delete data

I have created a pen that will realise this, apart from it being an angular demo app, the changes only affect css https://stackblitz.com/edit/zhex5c?file=src%2Fapp%2Fbuttons.ts

but for correct documentation and possibilities, the alert variant should be included. Also in the base component like here https://github.com/siemens/ix/blob/main/packages/core/src/components/button/button.tsx#L13 and other references

[KaiSoellch]

if desired, i can also integrate this into the ix-button component and create a pull request

[danielleroux]

@KaiSoellch The requirement is already tracked in our internal backlog to provide more button variants [IX-364]

@silviowolf @kathrinschalber @linstedt Maybe you can give more insights here?

[KaiSoellch]

Here is some backstory on my needs within my application, which I am currently rewriting completely to only use ix components

[kathrinschalber]

Hi @KaiSoellch and thanks for the example - as @danielleroux already pointed out, the red button you shared for user delete is already on our backlog for dangerous actions, including a filled, outline and ghost style similar to the primary button.

We also discussed the behavior for the warning button. Instead of introducing another button type, we suggest using the grey secondary button or the outline or ghost version of the danger button, depending on the use case, to ensure clarity for our users. Would this proposed solution align with your requirements?

[KaiSoellch]

hi @kathrinschalber thanks for your insights. these buttons are only for admins so i change them if your version of danger action buttons are available. in the meantime i will leave them as is.