docs(Overview & FAQs page) Feature flag update

[Kritvi-bhatia17]

Closes #3975

Short description

General guidance on feature flags has been added to the documentation in the following locations on our website:

1. Components > Overview page > Components tab
2. Components > Overview page > Feature flags tab (newly created page)
3. Help > FAQs

Changelog

NEW

Components > Overview page > Components tab

1. Added medium-sized feature flag tags to the following component cards that have the feature flag property:
   Menu buttons, Modal, Notification, Structured list, Tile, Treeview

• ⭐️ REQUIRED CODE REVIEW

  

Components > Overview page > Feature flag tab

2. Created a new tab under Components > Overview called "Feature flags", and for the content, please refer to the Figma file or this issue #3975.

Help > FAQs

3. Added 2 more questions: (Figma file for reference)

• "What are feature flags? Where do I find them?"
• "What are experimental components? Where do I find them?"

---

CHANGED

Help > FAQs

1. Update the copy for one of the questions:
   From: "Where do I find the Experimental components and patterns?"
   To: "Where do I find the community assets?"

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
carbondesignsystem	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 24, 2024 2:46pm

[alisonjoseph]

This approach works, however instead of storing the data in this file I would probably recommend updating the data/components.json file with something like this

{
  "component": "Tile",
  "featureFlag": true,
  "testing": {
    "screenreader": "manual"
  }
},

That way all the data is in one place.
and then filter based on that.

[Kritvi-bhatia17]

updating the data/components.json

Hi @alisonjoseph, thanks for the review. I've updated the data/components.json as suggested.

I have a quick question: In the Menu button components, the Overflow menu, which is a variant of Menu buttons, has a feature flag, but it doesn't appear in the overview card view. Should I add "featureFlag": true for the Overflow menu as well, like this:

{
  "component": "Overflow menu",
  "parentComponent": "Menu buttons",
  "featureFlag": true,
  "overview": false,
  "testing": {
  "screenreader": "manual"
  } 
},

Or should I leave it as is for now? Here’s a screenshot for reference of what is currently in the code:

[laurenmrice]

Looks good Kritvi! Just a couple things: