Files
mintlify[bot] 9687438d0d Document new CSS selector data attributes (#5170)
* Add new CSS selector attributes for tabs and topbar components

Generated-By: mintlify-agent

* Clarify CSS selector data attribute docs

- Add note that TabsBarItem uses a class selector (`.nav-tabs-item`) rather than a custom element name, and explain why
- Note that data-active does not apply to dropdown-style TabsBarItems
- Add intro sentence explaining the purpose of data-component-name selectors
- Note that PrimaryHeaderButton is Sequoia theme only
- Fix capitalization of TableOfContentsItem (deepest) description for consistency

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* Add Mermaid data-component-name selectors to CSS reference

Documents mermaid-container (outer wrapper) and mermaid-controls-wrapper
(zoom/pan controls overlay) — both use data-component-name in the client
source and are distinct from the existing `mermaid` class selector which
targets only the inner SVG element.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* Update custom-scripts.mdx

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* Replace internal React names with plain-English labels in data attributes

Labels like DropdownItem, MobileNavTabsBarItem, and MermaidContainer are
internal component names not meaningful to users writing CSS. Replaced with
descriptions of what each element is (e.g. "Active item in a nav dropdown").

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

---------

Co-authored-by: mintlify[bot] <109931778+mintlify[bot]@users.noreply.github.com>
Co-authored-by: Ethan Palm <56270045+ethanpalm@users.noreply.github.com>
Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-06 14:09:27 -07:00
..