File

Source file: components/component-showcase.tsx.

Renderer for all /app/components/[slug] pages and the main UI component examples.

components/component-showcase.tsx

Responsibilities

This file owns the following project behavior.

  • Render alert, avatar, badge, button, cards, chip, dialog, expansion panel, icons, list, menu, pagination, progress, snackbar, tabs, timeline, typography, and tooltip demos.
  • Keep UI component examples consistent with Sneat-style visual expectations.
  • Provide local interaction state for dialogs, snackbars, tabs, menus, and dynamic examples.

Change risks

Review these risks before editing this file.

  • This is a large file; local changes should stay scoped to the requested component section.
  • Avoid raw HTML injection unless absolutely required.
  • Card and modal changes can affect dark theme and mobile layout broadly.
  • Run TypeScript and production build after changes.
  • Smoke test affected routes after deployment.