design-system icon indicating copy to clipboard operation
design-system copied to clipboard

Published 20 hours ago • verified publisher icon swisspost

[design] Spin Button

Open gfellerph opened this issue 5 months ago • 0 comments

📝 Description

Create design for a spin button.

♿ Accessibility

The buttons cannot be focused, which is a bit counterintuitive. The reason for that is, that the <input type="number"> field already has very good keyboard support for the actions that the buttons trigger. Making the buttons focusable would mean to have an additional, unnecessary element. Native browser spin buttons are not focusable either.

📃 Tasks

Design Creation

  • [ ] Compo design according to WIKIT
  • [ ] Update dependencies
  • [ ] Add component to layout examples
  • [ ] Test component within layout examples
  • [ ] Design review

gfellerph avatar May 05 '25 13:05 gfellerph