JSPM

react-materialui-testimonials-transition

1.0.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1
  • Score
    100M100P100Q26915F
  • License MIT

React Material UI Testimonials with Transition Easy to Use component

Package Exports

  • react-materialui-testimonials-transition

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-materialui-testimonials-transition) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-materialui-testimonials-transition

React Material UI Testimonials Package provides Easy-to-Use Material UI Card and Paper components generating Testimonial component. Testimonial Package works with independent props i.e image, title, subtitle and testimonial.

Features

  1. Works with independent props i.e image, title, subtitle and testimonial
  2. Supports solid and gradient background passed as props
  3. Controlable transition (You can turn off with transition={false})
  4. Adjustable transition parameters such as transition speed and transition direction

NPM downloads JavaScript Style Guide

Install

npm install --save react-materialui-testimonials-transition

Usage

import React, { Component } from 'react'

import { SlideTestimonial } from 'react-materialui-testimonials-transition'

class Example extends Component {
  render() {
    return (
      <SlideTestimonial
        image='/images/1.jpg'
        alt='Arif Shariati'
        imageRadius='50%'
        title='Arif Shariati'
        subtitle='CEO'
        testimonial={'Awesome React Material UI Testimonial component Package'}
        backgroundGradient={['#FE6B8B', '#FF8E53']}
        backgroundColor='#f9f9f9'
        transition={true}
        direction='left'
        speed={1000}
        shadow={5}
      />
    )
  }
}

SlideTestimonial

<SlideTestimonial
  image='/images/1.jpg'
  alt='Arif Shariati'
  imageRadius='50%'
  title='Arif Shariati'
  subtitle='CEO'
  testimonial={'Awesome React Material UI Testimonial component Package'}
  backgroundGradient={['#FE6B8B', '#FF8E53']}
  backgroundColor='#f9f9f9'
  transition={true}
  direction='left'
  speed={1000}
  shadow={5}
/>

FadeTestimonial

<FadeTestimonial
  image='/images/1.jpg'
  alt='Arif Shariati'
  imageRadius='50%'
  title='Arif Shariati'
  subtitle='CEO'
  testimonial={'Awesome React Material UI Testimonial component Package'}
  backgroundGradient={['#FE6B8B', '#FF8E53']}
  backgroundColor='#f9f9f9'
  transition={true}
  speed={1000}
  shadow={5}
/>

ZoomTestimonial

<ZoomTestimonial
  image='/images/1.jpg'
  alt='Arif Shariati'
  imageRadius='50%'
  title='Arif Shariati'
  subtitle='CEO'
  testimonial={'Awesome React Material UI Testimonial component Package'}
  backgroundGradient={['#FE6B8B', '#FF8E53']}
  backgroundColor='#f9f9f9'
  transition={true}
  speed={1000}
  shadow={5}
/>

GrowTestimonial

<GrowTestimonial
  image='/images/1.jpg'
  alt='Arif Shariati'
  imageRadius='50%'
  title='Arif Shariati'
  subtitle='CEO'
  testimonial={'Awesome React Material UI Testimonial component Package'}
  backgroundGradient={['#FE6B8B', '#FF8E53']}
  backgroundColor='#f9f9f9'
  transition={true}
  speed={1000}
  shadow={5}
/>

Package Upate

npm update

License

MIT © arifshariati