CollapsiblePanel

Settings Panel

Stacked collapsible panels for organizing settings sections. Uses the panel variant with form controls inside each section.

Notifications 3
Email Notifications
Receive email alerts for important updates
Push Notifications
Browser push notifications for real-time alerts
Weekly Digest
Summary of activity sent every Monday
Marketing Emails
Product announcements and promotional offers
Privacy
Profile Visibility
Control who can see your profile
Search Indexing
Allow search engines to index your profile
Activity Status
Show when you are online
Display
Theme
Choose your preferred color scheme
Compact Mode
Reduce spacing for denser layouts
Animations
Enable smooth transitions and animations
Keyboard Shortcuts 8
Enable Shortcuts
Use keyboard shortcuts for common actions
Vim Mode
Use Vim-style key bindings in text editors
HTML Markup
Panel variant with form controls inside.
<details class="disclosure disclosure--panel disclosure--indicator-chevron"
         data-animated open>
  <summary class="disclosure__summary">
    <span class="disclosure__indicator" aria-hidden="true"></span>
    <span class="disclosure__label">Section Title</span>
  </summary>
  <div class="disclosure__content">
    <div class="disclosure__content-inner">
      <!-- settings rows here -->
    </div>
  </div>
</details>