components

Build accessible React components by following accessibility principles and composition patterns. This Skill provides guidelines for creating reusable UI components that maintain proper ARIA support, keyboard navigation, and screen reader compatibility without sacrificing flexibility.

Component composition is the practice of building flexible UIs by combining smaller, reusable pieces rather than hardcoding configurations. Use this approach when creating component libraries or applications where maintainability, reusability, and adaptability across multiple use cases are required.

Create a theming system using design tokens by defining reusable variables for visual properties like color, spacing, and typography. This Skill outlines a framework for implementing these tokens to ensure maintainable and consistent theming across your React components.

Yes, you can use data attributes for styling and identifying React components. This Skill explains how to leverage data attributes as a strategy for targeting components in stylesheets and managing component states without relying on verbose class names.

The best way to structure a reusable modal component is to follow UI composition principles and accessibility guidelines. This Skill provides a usage example demonstrating how to build a modal that is both flexible for developers and accessible to end users.