Update from code changes: document className prop on components

[mintlify]

Summary

All MDX components now accept an optional className prop that is merged onto the component's outer element, bringing components like Accordion, Steps, callouts, Tab, ParamField, and Tooltip in line with Card, Columns, and Badge, which already supported it. This makes it possible to style any component with Tailwind CSS or custom CSS classes without extra wrapper markup. Banner is config-driven and unchanged.

Shipped in https://github.com/mintlify/mint/pull/10540

Changes

• Added a "Style components" section to the components overview explaining the universal className prop with an example.
• Noted className support with an example in the Tailwind CSS styling section of the custom scripts page.
• Mirrored both changes in the es, fr, and zh translations.
• Tweaked skill.md to mention the className prop for component styling.

Update history

• Initial run: documented the universal className prop (components overview, custom scripts page, es/fr/zh translations, skill.md) for https://github.com/mintlify/mint/pull/10540.
• Best-practices pass: kept code block titles in English on translated pages.
• Reviewed https://github.com/mintlify/mint/pull/6737 (Tailwind class prefixing now works for className on MDX components): internal fix that makes the already-documented behavior work; no docs content change needed.

---

Note

Low Risk
Documentation-only changes with no runtime or security impact; the stray quickstart accordion is a content-quality issue, not a product risk.

Overview
Documents that all MDX components now accept an optional className prop whose classes are merged onto the outer element, with examples using Tailwind or custom CSS.

Adds a Style components section on the English and localized (es, fr, zh) components overview pages, mirrors the same guidance in Tailwind CSS on custom-scripts, and updates skill.md so agents prefer className (or custom.css) for layout tweaks.

Incidental edits: ai-native.mdx reformats frontmatter keywords, wraps the Reading/assistant copy in an <Accordion>, and adds Automations and Contextual menu cards to the enable-AI card group. quickstart.mdx uses the same keywords list format, trims blank lines in the agent-only setup steps, and adds a test <Accordion title="robert"> block at the top that looks unintentional and should be removed before merge.

^{Reviewed by Cursor Bugbot for commit 682a059. Bugbot is set up for automated code reviews on this repo. Configure here.}

Mintlify

1 thread from 1 user in Mintlify

• quickstart.mdx
  • Ryan Schwarz: @trevor take a pass at this flag view comment

[mintlify]

Preview deployment for your docs. Learn more about Mintlify Previews.

Project	Status	Preview	Updated (UTC)
mintlify	🟢 Ready	View Preview	Aug 28, 2026, 2:01 AM

[mintlify]

Preview deployment for your docs. Learn more about Mintlify Previews.

Project	Status	Preview	Updated (UTC)
tomee	🟡 Building	–	Aug 28, 2026, 2:00 AM

💡 Tip: Enable Workflows to automatically generate PRs for you.

[cursor]

Accidental test content on Quickstart

High Severity

A leftover Accordion with the title robert and the body team is awesome was added at the top of quickstart.mdx. This personal test content is unrelated to the page and will appear to every visitor on the main getting-started docs.

 

^{Reviewed by Cursor Bugbot for commit cd5c010. Configure here.}

[cursor]

Cursor Bugbot has reviewed your changes using default effort and found 1 potential issue.

There are 2 total unresolved issues (including 1 from previous review).

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit 682a059. Configure here.}

[cursor]

Accidental accordion hides reading content

Medium Severity

The Reading section body is wrapped in an Accordion titled Assistant, while the sibling Writing and Discovering sections remain as regular paragraphs. This looks like leftover test markup and hides the assistant overview behind a collapsed panel on a primary docs page.

 

^{Reviewed by Cursor Bugbot for commit 682a059. Configure here.}