59ae1d9830
- Refine and expand best practices for: - AI SDK - Date-fns - Next.js - Radix UI - React - React Hook Form - Stripe - Tailwind CSS - TypeScript - Zustand - Improve guidelines with more specific and actionable recommendations - Enhance type safety and performance suggestions across different technologies
12 lines
488 B
Plaintext
12 lines
488 B
Plaintext
---
|
|
description: Best practices for using Radix UI components
|
|
globs: **/*.{ts,tsx}
|
|
alwaysApply: false
|
|
---
|
|
|
|
- Use Radix UI primitives for building custom, accessible components
|
|
- Utilize Radix UI's composition patterns for creating complex, reusable UI elements
|
|
- Implement proper ARIA attributes and keyboard navigation for accessibility
|
|
- Utilize Radix UI's built-in state management for complex components
|
|
- Customize Radix UI components using the `asChild` prop for better flexibility
|