Dropdowns

1. What are dropdowns?
2. How do you use dropdowns?
3. How do you build dropdowns?
4. How do you secure dropdowns?
5. How do you extend dropdowns?

• Intro: Introduce the idea in one sentence.
• Explanation: An elevator pitch that signals the reader to continue or not (keep looking for relevant page).
• Sections/Features: Separate sections/sub-sections (h2s/h3s) consistently. This will build the ToC.
• Next Steps: Next actions to take that are intentional versus simply additional reading.
• Code Examples: Code examples and snippets.
• Insights: Tips, post scriptum, creative links.
• Additional Reading: Link to related ideas/topics/guides/recipes.

Introduction

Dropdowns are a sub-component that can be used to display dropdown content.

{
    // ...
    "dropdown": {
        "home": {
            "text": "View Front",
            "attributes.href": "/",
            "attributes.target": "_blank"
        },
        "logout": {
            "text": "Logout",
            "attributes.href": "/logout"
        }
    }
}

• Intro: Introduce the idea in one sentence.
• Explanation: An elevator pitch that signals the reader to continue or not (keep looking for relevant page).
• Sections/Features: Separate sections/sub-sections (h2s/h3s) consistently. This will build the ToC.
  • Attributes
• Next Steps: Next actions to take that are intentional versus simply additional reading.
• Code Examples: Code examples and snippets.
• Insights: Tips, post scriptum, creative links.
• Additional Reading: Link to related ideas/topics/guides/recipes.