pattern-craft

Composite UI patterns combine multiple components into coherent features like forms, navigation, and data displays. You structure them by specifying accessibility, responsive behavior, and consistency guidelines to ensure components interact seamlessly across product interfaces.

Multi-step form patterns require defining validation timing, error handling, and flow progression. You compose these by assembling form components into a sequence that guides users through data entry while maintaining accessibility and consistency guidelines.

Data display patterns for tables, lists, and cards must include empty, loading, and error states alongside interactive sorting and filtering. You assemble these by combining display components with state-specific feedback mechanisms to ensure coherent data interaction.

Navigation patterns support sidebar, top nav, breadcrumbs, and deep linking structures. You define them by assembling navigation components and specifying responsive adaptations that maintain accessibility and consistency across different viewport sizes.

Apply composite UI patterns when assembling multiple components into cohesive features like dashboards or multi-step forms. Evaluate trade-offs by considering accessibility requirements, responsive behavior needs, and consistency guidelines to determine if pattern composition adds value over standalone components.

Feedback mechanisms include toasts, inline messages, banners, confirmations, and progress indicators for optimistic updates. You specify these by assembling feedback components into patterns that provide clear user communication while maintaining accessibility and consistency across the interface.