Skip to content

storyblok-extended/component-fade-plugin-react-consumer

Repository files navigation

component-fade-plugin-react-consumer

Made with create-react-library

NPM JavaScript Style Guide

Install

npm install --save component-fade-plugin-react-consumer

Usage

import React, { Component } from 'react'

import { withFade } from 'component-fade-plugin-react-consumer'
import 'component-fade-plugin-react-consumer/dist/index.css'


const Example (props) => {
  return (
    <div className={props.withFadeClassname} style={props.withFadeStyle} ref={props.forwardedRef}>
      <h1>Title</h1>
      <p>some text</p>
    </div>
  )
}

export default withFade(Example)({
  classNames: {
    before: "before-fade",
    after: "after-fade"
  },
  config: {
    threshold: 0,
    triggerOnce: true
  },
  transitionConfig: {
    duration: 1000,
    delay: 1000,
    transitionProperty: "opacity",
    transitionTimingFunction: "ease"
  },
  enabled: true
})

License

MIT © marckraw

About

React consumer component for Storyblok component-fade-plugin

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published