Storybook showcase

Testimonials

To use Testimonials component you have to use Testimonials as a container and insert Testimonial or TestimonialWithPicture for each testimony

Parameters of Testimonial or TestimonialWithPicture

statement : testimonial statement
authorName : testimonial author name
authorRole : testimonial author role
nonprofitName : non profit name
nonprofitDescription : short non profit description
nonprofitNumberOfMembers : number of non profit members
link : link (optional)

Parameters to add for TestimonialWithPicture

image : link of image
imagePosition : "RIGHT" or "LEFT" image position. Left is the default one if not define (optional)
alt : description of the image

Examples

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in orci vel justo maximus porttitor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur porta varius tempor.

Sylvie Guede - Présidente

FFSE - 123 membres

Lorem Ipsum

Lire le témoignage


          <Testimonials>
              <Testimonial
                statement="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in orci vel justo maximus porttitor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur porta varius tempor."
                authorName="Sylvie Guede"
                authorRole="Présidente"
                nonprofitName="FFSE"
                nonprofitDescription="Lorem Ipsum"
                nonprofitNumberOfMembers="123"
                link="/associations"
              />
          </Testimonials>

Sylvie Guede - Présidente

FFSE - 123 membres

Lorem Ipsum

Lire le témoignage


          <Testimonials>
              <Testimonial
                statement="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in orci vel justo maximus porttitor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur porta varius tempor."
                authorName="Sylvie Guede"
                authorRole="Présidente"
                nonprofitName="FFSE"
                nonprofitDescription="Lorem Ipsum"
                nonprofitNumberOfMembers="123"
                link="/associations"
              />
              <Testimonial
                statement="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in orci vel justo maximus porttitor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur porta varius tempor."
                authorName="Robert John"
                authorRole="Secrétaire"
                nonprofitName="FFF"
                nonprofitDescription="Lorem Ipsum"
                nonprofitNumberOfMembers="123"
              />
          </Testimonials>

Sylvie Guede - Présidente

FFSE - 123 membres

Lorem Ipsum

Lire le témoignage


          <Testimonials>
              <TestimonialWithPicture
                image="common/team/testimonial-3"
                alt="FFMAS testimonial"
                statement="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in orci vel justo maximus porttitor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur porta varius tempor."
                authorName="Sylvie test"
                authorRole="Secrétaire"
                nonprofitName="FFSE"
                nonprofitDescription="Lorem Ipsum"
                nonprofitNumberOfMembers="123"
                link="/associations"
              />
              <TestimonialWithPicture
                image="common/team/testimonial-3"
                imagePosition="RIGHT"
                alt="FFMAS testimonial"
                statement="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in orci vel justo maximus porttitor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur porta varius tempor."
                authorName="Robert John"
                authorRole="Secrétaire"
                nonprofitName="FFF"
                nonprofitDescription="Lorem Ipsum"
                nonprofitNumberOfMembers="123"
              />
          </Testimonials>