... | @@ -9,6 +9,13 @@ Different states: |
... | @@ -9,6 +9,13 @@ Different states: |
|
- active: some buttons acts as as a toggle, which can be activated or de-activated
|
|
- active: some buttons acts as as a toggle, which can be activated or de-activated
|
|
- disabled: the button can't be accessed
|
|
- disabled: the button can't be accessed
|
|
|
|
|
|
|
|
|
|
|
|
Currently hover and focused uses the same style everywhere, but some design systems uses a different representation
|
|
|
|
|
|
|
|
* https://docs.microsoft.com/en-us/windows/uwp/design/input/guidelines-for-visualfeedback#additional-usage-guidance
|
|
|
|
* https://docs.microsoft.com/en-us/windows/uwp/design/style/reveal-focus
|
|
|
|
* https://design.firefox.com/photon/components/tabs.html
|
|
|
|
|
|
# Grid item
|
|
# Grid item
|
|
|
|
|
|
| state | light | dark |
|
|
| state | light | dark |
|
... | | ... | |