3.0.0 • Published 6 years ago
cf-component-arrow-swivel v3.0.0
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;
3.0.0
6 years ago
2.1.33
6 years ago
2.1.32
6 years ago
2.1.31
6 years ago
2.1.30
6 years ago
2.1.29
6 years ago
2.1.28
6 years ago
2.1.27
6 years ago
2.1.26
6 years ago
2.1.25
6 years ago
2.1.24
6 years ago
2.1.23
6 years ago
2.1.22
6 years ago
2.1.21
6 years ago
2.1.20
6 years ago
2.1.19
6 years ago
2.1.18
6 years ago
2.1.17
6 years ago
2.1.16
6 years ago
2.1.15
6 years ago
2.1.14
6 years ago
2.1.13
6 years ago
2.1.12
6 years ago
2.1.11
6 years ago
2.1.10
6 years ago
2.1.9
6 years ago
2.1.8
6 years ago
2.1.7
6 years ago
2.1.6
6 years ago
2.1.5
6 years ago
2.1.4
6 years ago
2.1.3
6 years ago
2.1.2
7 years ago
2.1.1
7 years ago
2.1.0
7 years ago
2.0.3
7 years ago
2.0.2
7 years ago
2.0.0
7 years ago