This package has been deprecated

Author message:

This package has been deprecated. Please find this package under its new name @cloudflare/component-arrow-swivel.

cf-component-arrow-swivel

3.0.0 • Public • Published

cf-component-arrow-swivel

Installation

Installation with yarn is recommended

$ yarn add cf-component-arrow-swivel

Usage

import React from 'react';
import { ArrowSwivel } from 'cf-component-arrow-swivel';

class ArrowSwivelComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      isActiveFirst: false,
      isActiveSecond: false
    };
  }
  render() {
    return (
      <div>
        <p>Default arrow swivel</p>
        <ArrowSwivel
          isActive={this.state.isActiveFirst}
          onClick={() =>
            this.setState({ isActiveFirst: !this.state.isActiveFirst })
          }
        />
        <p>
          You can also modify the startAngle, endAngle, duration, color and size
        </p>
        <ArrowSwivel
          startAngle={-90}
          endAngle={90}
          duration={500}
          isActive={this.state.isActiveSecond}
          color="default"
          size="1.5x"
          onClick={() =>
            this.setState({ isActiveSecond: !this.state.isActiveSecond })
          }
        />
      </div>
    );
  }
}

export default ArrowSwivelComponent;

Dependencies (3)

Dev Dependencies (0)

    Package Sidebar

    Install

    npm i cf-component-arrow-swivel

    Weekly Downloads

    4

    Version

    3.0.0

    License

    BSD-3-Clause

    Unpacked Size

    18.2 kB

    Total Files

    9

    Last publish

    Collaborators

    • lerwincf
    • lbarthonet
    • cf-media-manager
    • jacobbednarz
    • celso
    • cf-radar
    • dash_service_account
    • g4brym
    • snigdha34
    • wrangler-publisher
    • marksteyn
    • chiminator
    • sgoodhew_cf
    • terinjokes
    • third774
    • jsteinberger
    • jasnell
    • asapzacy
    • pcostanzo
    • gregbrimble
    • geelen
    • rexscaria
    • dcruz_cf
    • xuranwang
    • jculvey
    • sejoker
    • vasturiano
    • cf-ci-write
    • segments-write
    • thibmeu
    • xortive
    • gurjinder
    • cf-ci2
    • lvalenta
    • worenga