framework-consumer-integration

Integrate Next.js Link and Image components with a React UI-kit by using adapter-based consumption patterns. Framework-native adapters render agnostic UI-kit primitives while preserving prop forwarding and avoiding unnecessary wrapper components.

The best way to consume a UI-kit in Next.js 16+ is by applying framework-native adapters. This approach handles NextLink and NextImage integration, token CSS imports, and polymorphic as props without adding wrapper components.

Yes, you can pass adapters through UI-kit molecules without creating wrappers. The adapter-based consumption pattern preserves props and avoids wrapper components by passing framework-native adapters directly down the component tree.

Handle token CSS imports in framework apps by following the provided best-practice guidance for framework consumption. This ensures proper alignment of frontmatter metadata and correct resource linking for tokens during adapter integration.

Yes, the polymorphic as prop works with UI-kit adapters in React. The adapter-based pattern includes wrapper-avoidance checks to ensure polymorphic props are forwarded correctly to framework-native components without breaking component composition.