canonical
Buttons variants
Buttons https://vanillaframework.io/docs/patterns/buttons
We currently have a very limited set of colors we can use for buttons, which is good for sites, but very limiting for more complex apps.
To show hierarchy and signal meaning we would need Default button also in red (negative) and blue (link color), including the icon color.
Thank you for reporting us your feedback!
The internal ticket has been created: https://warthogs.atlassian.net/browse/WD-13926.
This message was autogenerated
![syncronize-issues-to-jira[bot] avatar](https://avatars.githubusercontent.com/in/308591?v=4 "Published by a pub.dev verified publisher"){kind=small}
@lyubomir-popov could you provide feedback on this. @ninarojc1 to provide examples of this in use.
Vanilla WG: We need to get more concrete on the Rules and actual versions of buttons we want to have. To be discussed in App mafia.
- There is only need for 3 colours: neutral, positive and negative
- Button groups should be able to mix different colours. We need a visual design for how this looks.
- The neutral button on apps is currently green. There is an effort to make buttons on sites orange.
Proposal for apps: on primary buttons use black as the neutral colour. Green as positive and red as negative. Use the same colours in the default (outlined) buttons. Consider accessibility for the text inside the button, it could stay black and only convey the colour with the outline/background and the icon colour.
Design systems contributions meeting:
- There is consensus that button properties/variants need work.
- There is the idea to move towards splitting semantics/color and hierarchy.
- so eg. Primary, Secondary, Tertiary and Positive, Negative etc.
- But this would mean that we would need to look at other components like eg. contextual menu so we can apply this approach consistently across our components
Tier: Global Priority: Medium