[FEAT] Dedicated Daffodil Design System Page on daff.io/docs

[damienwebdev]

💡 Feature request

Feature Name

Daff.io x Design Land

The Desired Behavior

• UX for the mobile nav
• UX for the mobile sidebar - Mobile sidebar should be the same as Desktop top nav content.
• UX for the desktop nav
• Design Docs Landing Page
• Docs generation
• Lazy-loading custom element code

Left nav for Design:

• What's new/release notes
• Getting Started
• Foundations/Guidelines
• Components

Every component page

• Overview with basic examples
• Overview with general features of the component
• Overviews should reference token of the API
• Reference should take you to a separate API page with usage examples
• Tabs: Usage, API ([FEAT] Tabs Component #3123)

Your Use Case

As a designer and developer, I would like the @daffodil/design documentation to be separate from all the other packages in Daffodil. The design system documentation is complex and warrants its own feature page/section.

Prior Work

Environment

Daffodil version: X.Y.Z
Angular version: X.Y.Z 

 
For Tooling issues:
- Node version: XX  
- Platform:  

Others:

[xelaint]

@griest024 noticed that the design package link is currently next.daff.io/design. Will we be changing it to next.daff.io/docs/design?

[griest024]

yes