NS Design System
v3.0.0 · 257 tokens

150FAQ

Hairline question rows on native

— find-in-page still reaches collapsed answers. The marker is a mono +/− drawn by CSS, flipping to brand when open.

Use it for

  • 3–8 real questions people actually ask, near the end of a page

Not for

  • Documentation disguised as questions — that belongs in the docs hub
  • Accordion navigation — use the Accordion component in app surfaces

Three items

Do I need a Salesforce license?

No — every lab runs in a free Developer Edition org.

Where should I start?

The roadmap. It tells you which course is next at every step.

Is this aligned with the certifications?

Each course maps to the relevant certification outline.

markup
<div class="ns-faq">
  <details class="ns-faq__item">
    <summary>Do I need a Salesforce license?</summary>
    <div class="ns-faq__body"><p>No — every lab runs in a free Developer Edition org.</p></div>
  </details>
  <details class="ns-faq__item" open>
    <summary>Where should I start?</summary>
    <div class="ns-faq__body"><p>The roadmap. It tells you which course is next at every step.</p></div>
  </details>
  <details class="ns-faq__item">
    <summary>Is this aligned with the certifications?</summary>
    <div class="ns-faq__body"><p>Each course maps to the relevant certification outline.</p></div>
  </details>
</div>

Accessibility contract

  • Native disclosure semantics for free; summary is a real button to AT
  • Answers are in the DOM when closed — searchable, indexable