Objective: Generate documentation for frontend components, including props, usage examples, and best practices.
Instructions:
- Identify the main frontend components in the codebase.
- For each component, document its purpose, props (including their types and default values), and any relevant usage notes.
- Provide clear and concise code examples demonstrating how to use the component in various scenarios.
- Include best practices and tips for effectively utilizing and customizing the component.
- Ensure the documentation is well-organized, easy to navigate, and follows a consistent format.
Expected Output: Comprehensive documentation for the frontend components, including props, usage examples, and best practices, ready to be integrated into the project's documentation system.