## Sub setting group
The dependent (child) settings wrapper — indents a cluster of sub-settings under one parent toggle with a tight gap, spacing only (no border, no card).
Tier: leaf-lit. Frameworks: HTML (paste-and-run, no build step) · React · Vue 3.
Default to the HTML snippet — <aha-sub-setting-group> is a standard custom element that renders on open — React/Vue are thin adapters over the same element.
Surfaces: editor, settings, dashboard.
Props:
- hidden: boolean, default false. Author-controlled: collapse the sub-settings when the parent setting is off (the component does not derive this itself)
- (default slot): slot, default —. The dependent sub-settings; they stack 16px apart, indented 24px under the parent
Tokens: text-default.
Use when: Sub setting group (settings that only apply when a parent toggle is on — indent them under it and hide when off); Setting group (a top-level titled cluster of settings (the 16/32/48 scale + optional header)); a disabled row (the setting always shows but isn't currently changeable — dim it, don't nest it).