Tabs topic is missing --ig-tabs-border-color and the Web Components 7.5 header part #1043

Task type

• New topic / component documentation
• Update existing topic (new release, API change, new feature)
• Add missing platform variant (Angular / React / WebComponents / Blazor)
• Improve existing content (clarity, examples, structure)
• Add or update code samples
• Other

Platform(s)

• Angular
• React
• WebComponents
• Blazor
• All platforms

Description

The Styling section of the Tabs topic (docs/xplat/src/content/en/components/layouts/tabs.mdx) doesn't list --ig-tabs-border-color. It sets the color of the tab header borders and, in the Bootstrap theme, of the line between the tab headers and the content.

Ignite UI for Web Components 7.5 also adds the header part of igc-tabs and the header-background token, but the parts table has no header row, and the --ig-tabs-header-background row is shown only for Angular.

Acceptance criteria

• The CSS variables table lists --ig-tabs-border-color on every platform.
• Once igniteui-webcomponents 7.5.0 is out, the Web Components page lists the header part and --ig-tabs-header-background. React and Blazor get them when their packages move to 7.5.0.

Related resources

• PR: fix(tabs): alignment, scrolling into view, scroll buttons and the header background igniteui-webcomponents#2431
• Docs: Tabs (Web Components 7.5): vertical tab headers with headerPosition #1003, docs(tabs): document headerPosition for Angular and Web Components #1016