1.1.4 • Published 5 months ago
@maggioli-design-system/mds-keyboard-key v1.1.4
mds-keyboard-key
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
name | name | Sets the code of the keyboard key for combination tests if try attribute is set from mds-keyboard parent component | "option" \| "a" \| "b" \| "i" \| "p" \| "q" \| "s" \| "u" \| "end" \| "g" \| "0" \| "1" \| "2" \| "3" \| "4" \| "5" \| "6" \| "7" \| "8" \| "9" \| "alt" \| "altleft" \| "altright" \| "arrowdown" \| "arrowleft" \| "arrowright" \| "arrowup" \| "backspace" \| "c" \| "capslock" \| "command" \| "commandleft" \| "commandright" \| "control" \| "controlleft" \| "controlright" \| "d" \| "delete" \| "e" \| "enter" \| "escape" \| "f" \| "f1" \| "f10" \| "f11" \| "f12" \| "f2" \| "f3" \| "f4" \| "f5" \| "f6" \| "f7" \| "f8" \| "f9" \| "h" \| "home" \| "j" \| "k" \| "l" \| "m" \| "n" \| "o" \| "optionleft" \| "optionright" \| "pagedown" \| "pageup" \| "r" \| "shift" \| "shiftleft" \| "shiftright" \| "space" \| "t" \| "tab" \| "v" \| "w" \| "windows" \| "windowsleft" \| "windowsright" \| "x" \| "y" \| "z" | undefined |
pressed | pressed | Sets if the key is pressed or not | boolean \| undefined | undefined |
Methods
updateLang() => Promise<void>
Returns
Type: Promise<void>
CSS Custom Properties
| Name | Description |
|---|---|
--mds-keyboard-key-color | Set the color of the keyboard key. |
--mds-keyboard-key-direction-color | Set the color of the direction key. |
--mds-keyboard-key-illumination-dark | Set the dark illumination of the keyboard key. |
--mds-keyboard-key-illumination-dark-size | Set the size of the dark illumination of the keyboard key. |
--mds-keyboard-key-illumination-light | Set the light illumination of the keyboard key. |
--mds-keyboard-key-illumination-light-size | Set the size of the light illumination of the keyboard key. |
--mds-keyboard-key-padding | Set the padding of the keyboard key. |
--mds-keyboard-key-transition-duration | Set the transition duration of the keyboard key. |
Dependencies
Depends on
Graph
graph TD;
mds-keyboard-key --> mds-icon
mds-keyboard-key --> mds-text
style mds-keyboard-key fill:#f9f,stroke:#333,stroke-width:4pxBuilt with love @ Gruppo Maggioli from R&D Department