Configuration:

•   
      <AccordionComponent 
          titlePadding={"1rem"} 
          titleColour={"white"} 
          titleBackgroundColour={"#2C514C"} 
          borderBottomColour={"white"} 
          contentPadding={"1rem"} 
          contentColour={"black"} 
          contentBackgroundColour={"white"} 
      >
          <>
              <div className="title">
                  <h3>Number One</h3>
              </div>
              <div className="content">
                  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In dignissim pretium purus non tempus. Integer eu sem tellus. Vestibulum ultrices, dolor maximus pretium convallis, nunc nisl commodo tellus, et aliquam nisl nisl scelerisque eros. Praesent quis tempus ipsum, eget suscipit est. Vestibulum quis aliquam neque, et faucibus nulla. Morbi suscipit nisl dui, id tempor purus ultrices eu. Vestibulum eu tincidunt dui, nec semper augue. Sed ut porta eros. Nunc luctus ex sem, eget congue tortor maximus a. Donec turpis justo, porta quis neque at, aliquet auctor neque. Curabitur at magna interdum augue dignissim scelerisque luctus eu dui. Vestibulum eu nunc tortor.</p> 
                  <p>Maecenas efficitur molestie metus in ultricies. Suspendisse porta, nisl et blandit congue, velit est ultricies augue, nec ullamcorper arcu sapien tempor ante.</p>
                  <p>Mauris interdum porta libero, eget varius metus dignissim id. Duis sollicitudin lacinia ipsum sed tempor. </p>
              </div>
          </>
  
          <>
              <div className="title">
                  <h3>Number Two</h3>
              </div>
              <div className="content">
                  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, leo vel sodales auctor, lorem leo vehicula magna, nec tincidunt leo nunc vel diam. Aenean aliquet eleifend volutpat.</p> 
                  <p>Maecenas efficitur molestie metus in ultricies. Suspendisse porta, nisl et blandit congue, velit est ultricies augue, nec ullamcorper arcu sapien tempor ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In dignissim pretium purus non tempus. Integer eu sem tellus. Vestibulum ultrices, dolor maximus pretium convallis, nunc nisl commodo tellus, et aliquam nisl nisl scelerisque eros. Praesent quis tempus ipsum, eget suscipit est. Vestibulum quis aliquam neque, et faucibus nulla. Morbi suscipit nisl dui, id tempor purus ultrices eu. Vestibulum eu tincidunt dui, nec semper augue.</p>
                  <p> Mauris interdum porta libero, eget varius metus dignissim id. Duis sollicitudin lacinia ipsum sed tempor. </p>
              </div>
          </>
          
          <>
              <div className="title">
                  <h3>Number Three</h3>
              </div>
              <div className="content">
                  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, leo vel sodales auctor, lorem leo vehicula magna, nec tincidunt leo nunc vel diam. Aenean aliquet eleifend volutpat.</p> 
                  <p>Maecenas efficitur molestie metus in ultricies. Suspendisse porta, nisl et blandit congue, velit est ultricies augue, nec ullamcorper arcu sapien tempor ante.</p>
                  <p> Mauris interdum porta libero, eget varius metus dignissim id. Duis sollicitudin lacinia ipsum sed tempor. </p>
              </div>
          </>
          
          <>
              <div className="title">
                  <h3>Number Four</h3>
              </div>
              <div className="content">
                  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, leo vel sodales auctor, lorem leo vehicula magna, nec tincidunt leo nunc vel diam. Aenean aliquet eleifend volutpat.</p> 
                  <p>Maecenas efficitur molestie metus in ultricies. Suspendisse porta, nisl et blandit congue, velit est ultricies augue, nec ullamcorper arcu sapien tempor ante.</p>
                  <p> Mauris interdum porta libero, eget varius metus dignissim id. Duis sollicitudin lacinia ipsum sed tempor. </p>
              </div>
          </>
      </AccordionComponent>
      
  

• Text colour for title. Accepts any standard CSS colour.

  titleColour={"white"}

• Title Bakcground Colour

  titleBackgroundColour={"#2C514C"}

• Title Bakcground Colour.

  titleBackgroundColour={"#2C514C"}

• Padding for title.

  titlePadding={"1rem"}

• Border between titles colour.

  borderBottomColour={"white"}

• Content section padding.

  contentPadding={"1rem"}

• Content section text colour.

  contentColour={"black"}

• Content section background colour.

  contentBackgroundColour={"white"}