UI

Control Keys Section

• Press and hold:
  • Intended for key combinations (e.g. Ctrl, Shift, Ctrl+Shift+V).
  • Buffer to capture keys, value of buffer will be always visible in the trackpad region, and the trackpad behaviour wont be affected.
  • Toggle with States (preferred):
    • Hold
      • All keys pressed after will be captured in buffer not sent
      • All keys captured will be displayed in the trackpad area
    • Press
      • Press and hold all captured keys
    • Release
      • Reset state and buffer

• Copy
• Paste
• Mode toggle (Cursor / Scroll)
• Right click
• keyboard toggle [New]

Layout for /trackpad

• 6x14 Grid for all pages

1. Toggle keyboard layout

• Keyboard can be turned on and off with a toggle in ControlKeys
• Position for all elements except ControlKeys are fixed
• ControlKeys will get attach on top of the keyboard when it appears
• ControlKey onwards all the grid cells will be filled with a total of 36 buttons as per section
• Use daisyUI components and use btn- for colors
• 2 layers of grid is covered by both "arrows and rest" and "fn keys", i.e. 12 keys each (as shown by the grid diagram).
• For arrow keys put upward arrow on top of other three

Make sure to include a showcase video in PR

2. Other

• Some other designs that might be referred in future as per userbase feedback
• https://github.com/AOSSIE-Org/Rein/issues/14