Skip to content
Navigation Menu
Sign in
Appearance settings
Platform
AI CODE CREATION
GitHub Copilot
Write better code with AI
GitHub Copilot app
Direct agents from issue to merge
MCP Registry
Integrate external tools
DEVELOPER WORKFLOWS
Actions
Automate any workflow
Codespaces
Instant dev environments
Issues
Plan and track work
Code Review
Manage code changes
Code Quality
Enforce quality at merge
APPLICATION SECURITY
GitHub Advanced Security
Find and fix vulnerabilities
Code security
Secure your code as you build
Secret protection
Stop leaks before they start
EXPLORE
Why GitHub
Documentation
Blog
Changelog
Marketplace
View all features
Solutions
BY COMPANY SIZE
Enterprises
Small and medium teams
Startups
Nonprofits
BY USE CASE
App Modernization
DevSecOps
DevOps
CI/CD
View all use cases
BY INDUSTRY
Healthcare
Financial services
Manufacturing
Government
View all industries
View all solutions
Resources
EXPLORE BY TOPIC
AI
Software Development
DevOps
Security
View all topics
EXPLORE BY TYPE
Customer stories
Events & webinars
Ebooks & reports
Business insights
GitHub Skills
SUPPORT & SERVICES
Documentation
Customer support
Community forum
Trust center
Partners
View all resources
Open Source
COMMUNITY
GitHub Sponsors
Fund open source developers
PROGRAMS
Security Lab
Maintainer Community
Accelerator
GitHub Stars
Archive Program
REPOSITORIES
Topics
Trending
Collections
Enterprise
ENTERPRISE SOLUTIONS
Enterprise platform
AI-powered developer platform
AVAILABLE ADD-ONS
GitHub Advanced Security
Enterprise-grade security features
Copilot for Business
Enterprise-grade AI features
Premium Support
Enterprise-grade 24/7 support
Pricing
Type
/
to search
Sign in
Sign up
Appearance settings
You signed in with another tab or window.
Reload
to refresh your session.
You signed out in another tab or window.
Reload
to refresh your session.
You switched accounts on another tab or window.
Reload
to refresh your session.
Dismiss alert
{{ message }}
Uh oh!
There was an error while loading.
Please reload this page
.
cfpb
/
design-system-react
Public
Notifications
You must be signed in to change notification settings
Fork
10
Star
8
Code
Issues
68
Pull requests
19
Actions
Projects
Security and quality
0
Insights
Additional navigation options
Code
Issues
Pull requests
Actions
Projects
Security and quality
Insights
Invert tab backgrounds
- #632
#632
Merged
flacoman91
merged 12 commits into
main
cfpb/design-system-react:main
from
rad-tabs-inverted
cfpb/design-system-react:rad-tabs-inverted
Copy head branch name to clipboard
Aug 4, 2026
Conversation
Commits
12
(12)
Checks
Files changed
Merged
Invert tab backgrounds
#632
flacoman91
merged 12 commits into
main
cfpb/design-system-react:main
from
rad-tabs-inverted
cfpb/design-system-react:rad-tabs-inverted
Copy head branch name to clipboard
Commits
Commits on Jul 30, 2026
Add isInverted background option to TabList.
Show description for 5616f4d
flacoman91
committed
5616f4d
View commit details
Copy full SHA for 5616f4d
Browse repository at this point
Give inverted inactive tabs a full gray border.
Show description for 9dad8af
flacoman91
committed
9dad8af
View commit details
Copy full SHA for 9dad8af
Browse repository at this point
Overlap inverted tab side borders so neighbors share one divider.
Show description for 80015dc
flacoman91
committed
80015dc
View commit details
Copy full SHA for 80015dc
Browse repository at this point
Fix inverted tab focus ring clipping and border overlap.
Show description for 1c56dbe
flacoman91
committed
1c56dbe
View commit details
Copy full SHA for 1c56dbe
Browse repository at this point
Simplify inverted tabs to transparent fills only.
Show description for ecd68eb
flacoman91
committed
ecd68eb
View commit details
Copy full SHA for ecd68eb
Browse repository at this point
Mask the tablist rule under inverted active tabs.
Show description for b56041a
flacoman91
committed
b56041a
View commit details
Copy full SHA for b56041a
Browse repository at this point
Rename inverted tabs Storybook title.
flacoman91
committed
d5bb42b
View commit details
Copy full SHA for d5bb42b
Browse repository at this point
Harden inverted tab transparent backgrounds against .a-btn fills.
Show description for 889b479
flacoman91
committed
889b479
View commit details
Copy full SHA for 889b479
Browse repository at this point
Commits on Aug 2, 2026
Hide the active tab hairline on white and retina displays.
flacoman91
committed
f8e6352
View commit details
Copy full SHA for f8e6352
Browse repository at this point
Offset tab focus rings outside overlapping borders.
flacoman91
committed
8b26abb
View commit details
Copy full SHA for 8b26abb
Browse repository at this point
Remove the active-tab rule gap on mobile widths.
flacoman91
committed
05150a0
View commit details
Copy full SHA for 05150a0
Browse repository at this point
Remove unused eslint-disable directives from SelectMulti.
flacoman91
committed
5f6adf4
View commit details
Copy full SHA for 5f6adf4
Browse repository at this point
You can’t perform that action at this time.