Recent
scope-btn-dropdown — scope button in prompt toolbar that opens a dropdown picker; the primary patternscope-selector-panel — expanded panel with checkboxes for complex multi-source environmentsscope-selector-date-range — scopes context to a time window rather than a document setaria-haspopup="listbox" and aria-expanded toggled by JSaria-label includes the current scope name — not just the iconrole="listbox"; each item has role="option" and aria-selectedaria-hidden="true" — aria-selected="true" carries the semantic stateEnter/Space opens dropdown; arrow keys navigate items; Escape closesOverride these CSS custom properties to apply your own visual treatment without touching the component's behavioral contracts.
| Token | Controls |
|---|---|
--rad-surface-card |
Dropdown background |
--rad-border-subtle |
Dropdown border and divider |
--rad-color-text-primary |
Item names, button label |
--rad-color-text-secondary |
Folder icons |
--rad-color-text-meta |
Paths, section headers, chevron |
--rad-color-approve |
Focus rings |
--rad-radius-card |
Dropdown corner radius |
| Token | Controls |
|---|---|
--rad-scope-btn-bg |
Scope button background |
--rad-scope-btn-border |
Scope button border |
--rad-scope-btn-hover-bg |
Scope button hover |
--rad-scope-check-color |
Checkmark color on active item |
--rad-scope-item-hover |
Item hover background |
--rad-scope-item-active-bg |
Active item background |
"*The AI should use what the user chose — not everything it can reach.*"
RAD is the original work of Jackie Curry. All rights reserved. No portion may be reproduced, adapted, or incorporated into any product or system without express written permission.
Permitted: citation in academic or editorial contexts with full attribution.
© 2025 Jackie Curry. All rights reserved. Publication date: 2025.
For licensing inquiries, connect on LinkedIn →