Skip to content

Conversation

DreadTsx
Copy link

@DreadTsx DreadTsx commented Oct 5, 2025

Description

This PR adds a new FAQ Accordion component with multiple variants to the component library.

Changes Made

  • Created FAQAccordion.jsx component in src/components/accordion/
  • Created FAQAccordionItem.jsx sub-component for individual items
  • Added two variants: chevron (default) and plus/minus icons
  • Included comprehensive examples and documentation
  • Added dark mode support
  • Implemented smooth animations and transitions

Component Features

✅ Smooth expand/collapse animations
✅ Dark mode support
✅ Multiple visual variants (chevron, plus/minus)
✅ Optional icons for each accordion item
✅ Fully responsive design
✅ Keyboard accessible
✅ Follows existing design system

Usage Example

import Accordion from '@/components/navigation/Accordion';

const faqData = [
  {
    title: "What is this library?",
    content: "A comprehensive React component library...",
    icon: <HelpCircle className="w-5 h-5" />
  },
  // more items...
];

<Accordion 
  items={faqData} 
  variant="default"
  defaultOpenIndex={0}
/>

### Screenshot: 

<img width="1363" height="612" alt="Screenshot from 2025-10-05 20-49-48" src="https://github.com/user-attachments/assets/b38e21d7-6717-406e-9ce9-ef6375daf5bd" />

## Additional Notes
While implementing this feature, I identified and resolved a bug in the `footer.jsx` file that was causing runtime errors. The issue stemmed from incorrect imports from the `react-icons` package, which had been added as a dependency. To maintain consistency with the existing codebase and eliminate the unnecessary dependency, I refactored the imports to use the Lucide icon library that's already integrated into the project. But I couldn't find discord icon in lucide.

Closes Issue #57 

Copy link

vercel bot commented Oct 5, 2025

@DreadTsx is attempting to deploy a commit to the gyanthakur's projects Team on Vercel.

A member of the Team first needs to authorize it.

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great job, @DreadTsx! Thanks for creating the pull request.
Soon the maintainers/owner will review it and provide you with feedback/suggestions.
Make sure to star this awesome repository and follow the account!

Copy link

vercel bot commented Oct 6, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
component-library Error Error Oct 9, 2025 5:39pm

@Gyanthakur
Copy link
Owner

faild your deployment.
image

check build cmd by using

npm run build

before pushing the changes

@DreadTsx
Copy link
Author

DreadTsx commented Oct 6, 2025

On it now

@DreadTsx
Copy link
Author

DreadTsx commented Oct 6, 2025

@Gyanthakur Fixed it already

@Gyanthakur
Copy link
Owner

resolve conflict

@DreadTsx
Copy link
Author

DreadTsx commented Oct 7, 2025

Done @Gyanthakur

@Gyanthakur
Copy link
Owner

your build failed
image

@DreadTsx
Copy link
Author

DreadTsx commented Oct 9, 2025

This bug isnt from my branch @Gyanthakur
Screenshot from 2025-10-09 19-03-07

@Gyanthakur Gyanthakur closed this Oct 11, 2025
@DreadTsx DreadTsx deleted the faq-accordion-component branch October 11, 2025 17:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants