nl-kat-coordination
nl-kat-coordination copied to clipboard
Design a tile/tabel view toggle component
Since we have used the makeshift tile/table view toggle multiple times, we should create a Figma component in our design library to ensure consistency. We should consider:
- Combining it with the header for the related content
- Allowing for semi-flexible header sizes
- Creating guidelines in the library for proper use
Additional user story: As a user I would like to operate an easy switch between different viewing options in my report section 'basic security' (#2687); offering tables with findings per system or systems per finding.
It would be nice if we find a toggle option that is consistently used within openKAT.
Looking at current designs, I think we need two different toggles:
- Difference in content, same view (week/month or per issue/per occurence
- Difference in view, same content (list/tiles)
I think both need to have a visual design that is clearly distinguishable from the other, whilst still looking similar enough to indicate similarity in funcionality.
This design is ready for review.
You can find the design in Figma: https://www.figma.com/design/vblfDVl9C5sg16xtHkwXDR/%E2%9C%8D%F0%9F%8F%BC-KAT-%7C-For-Review-%7C-Components?node-id=2327%3A5087&t=5XAhEGl5JimccY6i-1
This ticket is approved for implementation, you can find the approved design here:
https://www.figma.com/design/ENe9lxMBTOA3Nd745U7OKP/%E2%9C%85-KAT-%7C-Approved-%7C-Components?node-id=2315%3A2&t=CTYFSFvta5gJtjT6-1