6.0.0 • Published 6 years ago
cf-component-link v6.0.0
cf-component-link
Cloudflare Link Component
Installation
Installation with yarn is recommended
$ yarn add cf-component-link
Usage
import React from 'react';
import { Link } from 'cf-component-link';
class LinkComponent extends React.Component {
constructor(props) {
super(props);
this.state = {
isActive: false
};
}
handleClick() {
console.log('handleClick!');
}
handleExpandedClick() {
this.setState({ isActive: !this.state.isActive });
}
render() {
return (
<div>
<p>
Create a <code>Link</code> with a <code>to</code> prop:
</p>
<Link to="/">Link to /</Link>
<p>
Alternatively you can pass an <code>onClick</code> handler:
</p>
<Link onClick={this.handleClick.bind(this)}>Link to something</Link>
<p>{`Note: This will give it a role="button"`}</p>
<p>
All additional props will be added to the <code>Link</code> element:
</p>
<Link to="/foo">Link to /foo</Link>
<p>You can create an expandable link by giving it an expandable prop</p>
<Link
onClick={this.handleExpandedClick.bind(this)}
isActive={this.state.isActive}
expandable
>
Link to /foo
</Link>
</div>
);
}
}
export default LinkComponent;
6.0.0
6 years ago
5.1.36
6 years ago
5.1.35
6 years ago
5.1.34
6 years ago
5.1.33
6 years ago
5.1.32
6 years ago
5.1.31
6 years ago
5.1.30
6 years ago
5.1.29
6 years ago
5.1.28
6 years ago
5.1.27
6 years ago
5.1.26
6 years ago
5.1.25
6 years ago
5.1.24
6 years ago
5.1.23
6 years ago
5.1.22
6 years ago
5.1.21
6 years ago
5.1.20
6 years ago
5.1.19
6 years ago
5.1.18
6 years ago
5.1.17
6 years ago
5.1.16
6 years ago
5.1.15
6 years ago
5.1.14
6 years ago
5.1.13
6 years ago
5.1.12
6 years ago
5.1.11
6 years ago
5.1.10
6 years ago
5.1.9
6 years ago
5.1.8
6 years ago
5.1.7
6 years ago
5.1.6
6 years ago
5.1.5
6 years ago
5.1.4
6 years ago
5.1.3
6 years ago
5.1.2
7 years ago
5.1.1
7 years ago
5.1.0
7 years ago
5.0.5
7 years ago
5.0.4
7 years ago
5.0.3
7 years ago
5.0.1
7 years ago
5.0.0
7 years ago
4.2.3
7 years ago
4.2.2
7 years ago
4.2.1
7 years ago
4.2.0
7 years ago
4.0.1
7 years ago
4.0.0
7 years ago
3.0.2
8 years ago
3.0.1
8 years ago
3.0.0
8 years ago
2.0.3
8 years ago
2.0.2
8 years ago
2.0.1
8 years ago
1.2.1
8 years ago
1.2.0
8 years ago
1.1.1
8 years ago
1.1.0
8 years ago
1.0.0
8 years ago