Theme Configuration

Accordion Component Instructions

The Custom Accordion Component is designed for easy integration and management of collapsible content. By passing specific props, you can easily customize its appearance and behavior. Below are the available props and their usage:

accordionClass: Use this prop to pass a custom class to the accordion container, allowing for specific styling. For example: accordionClass="accordion"

headerColor: This prop allows you to specify a class for the accordion header, which can be used to set its background color or styling. For example : headerColor="accordion-primary"

arrowColor: Use this prop to define the color of the accordion arrow indicator, enhancing the visual cues for users. For instance: arrowColor="lightblue"

title: This prop allows you to set the title of the accordion section, providing context for the content that will be revealed when the accordion is toggled. For example: title="Why do we use Tailwind CSS?"

You can place show the custom Accordion code in the file located at src/components/CustomComponents/Accordion/Accordion.jsx.

Example
   <Accordion
      accordionClass="accordion"
      headerColor="accordion-primary"
      arrowColor="lightblue"
      title="Why do we use Tailwind CSS?"
      isOpen={openIndex === 0}
      onToggle={() => handleToggle(0)}
    >
      <p>Your content goes here...</p>
    </Accordion>

This guide covers everything you need to know to make sure Tailwind generates all of the CSS needed for your project.

Receive the latest updates directly in your inbox!

Be the first to know about new updates and exclusive discounts. No spam, just great offers!

How about

A Custom Project?

With over 7 years of experienced team, we specialize in delivering custom projects for startups, blue-chip companies, and government agencies. We have successfully completed over 250+ projects, providing tailored solutions that meet the unique needs of each client.

Hire Us
Domiex Admin & Dashboards
230+

Total Pages

5+

Layouts

11+

Application

We provide quick support withing one business day to all of our customers.

© Domiex Created & Crafted by SRBThemes.