Ant Design Patterns

Quick Guide: Ant Design is an enterprise React component library. Theme through ConfigProvider and the three-layer token system (Seed > Map > Alias) rather than CSS overrides, and reach feedback APIs through App.useApp() so they inherit that context. Current: v6.x — pure CSS variables by default, zeroRuntime available, React 18+ required. v5.x is in maintenance and every pattern here applies to both unless noted.

Detailed Resources:

• examples/core.md — enterprise theme, dark-mode toggle, algorithm combining, nested themes, useToken
• examples/form.md — dependencies, async validators, Form.List, Form.useWatch, modal form
• examples/table.md — server-driven table, expandable rows, summary rows, virtual scrolling
• examples/layout.md — Layout shell, 24-column grid, Flex
• examples/feedback.md — useApp, declarative Modal, Drawer
• examples/data-display.md — Descriptions, Statistic cards
• examples/navigation.md — Menu items API, Breadcrumb, icon tree-shaking, custom SVG icons
• examples/pro-components.md — ProLayout, ProTable CRUD, StepsForm
• examples/ssr.md — AntdRegistry style extraction, client components, server-component constraints
• examples/i18n.md — ConfigProvider locale kept in sync with dayjs
• reference.md — ConfigProvider props, token tables, component matrix, v5→v6 migration notes