rspress-components

Import built-in components from `rspress/theme` into your MDX pages. Components like Badge, Tabs, Steps, and PackageManagerTabs are available ready-to-use; import selectively and render them inline with your Markdown content to add interactivity without extra dependencies.

Use Tabs to group related sections, Steps for sequential workflows, and Badge for status indicators. RSPress components integrate directly with MDX syntax, letting you mix Markdown and JSX to create structured, scannable documentation while keeping bundle size minimal through selective imports.

Yes. RSPress supports code groups in tabbed and callout sections with language annotations for syntax highlighting. Combine code blocks with MDX composition rules to display multi-language examples or alternative implementations in organized, interactive tabs within your docs.

Use NoSSR when components require browser APIs unavailable during server-side rendering. RSPress enforces SSR safeguards to prevent runtime errors; wrap client-only interactive elements in NoSSR to defer rendering to the client and maintain static site performance.

RSPress components are optimized for documentation tasks like tabbed content, steps, and code examples. They prioritize bundle efficiency and readability; avoid overusing components on a single page as excessive interactivity can degrade navigation clarity and increase cognitive load for readers.