These requirements are in addition to the elements of the Data table that have already been defined in the initial explorations.
The specification should be tailored to the use of a developer building the functionality for the design system. This component does not need traditional Figma documentation.
Considerations
Define various states for side nav items (e.g. complete, not started, partially complete, error, etc.)
For more flexibility, could allow independent selection of fill state of circle and selection of status colors
Is the "status" circle replaceable with other UI elements like badges or icons? Should this be a slot?
Design for interactive states of side nav items (Hover, Focus, active etc.)
Designs (or show/hide) at applicable breakpoints (e.g. Desktop, Tablet, mobile)
Define "sticky behaviour"
Are there maximum or minimum items
Is the menu restricted on "on page" navigation?
Is this defined as a "nav" region, if so come up with a meaningful name
Requirements
These requirements are in addition to the elements of the Data table that have already been defined in the initial explorations.
The specification should be tailored to the use of a developer building the functionality for the design system. This component does not need traditional Figma documentation.
Considerations