DocumentationPlaybook Add Component

Documentation / Guide

Playbook: Add a Component

How to add a component showcase entry and keep documentation aligned.

Guide6 min

Steps

Follow this process for a new component showcase section.

  • Add the component entry to lib/component-catalog.ts.
  • Add renderer support in components/component-showcase.tsx.
  • Add or reuse CSS classes in app/globals.css.
  • Check light, dark, mobile, hover, focus, selected, disabled, and loading states.
  • The documentation reference page is generated automatically from the component catalog.
  • Run npm run check.

Related

Other topics in the Guide category.

GuideOverview

A complete introduction to Azora Nexus, its scope, stack, and production responsibilities.

7 minGuideGetting Started

The shortest path for running, checking, and understanding the project locally.

6 minGuideInstallation

Dependency installation, package manager notes, and development server usage.

6 min