16.0.8 • Published 6 years ago
itsa-react-anchorbutton v16.0.8
Just a simple react-component that styles the anchor-element into a nice button.
And just some nice extra features:
- you can disable the anchor-functionality by setting
this.props.disabled
totrue
- you can give it the initial focus, by specifying
this.props.autoFocus
totrue
How to use:
"use strict";
require("itsa-react-anchorbutton/css/component.scss");
const React = require("react"),
ReactDOM = require("react-dom"),
Component = require("itsa-react-anchorbutton");
const props = {
autoFocus: true,
href: "http://itsaserver.io"
};
const ContainerComponent = React.createClass({
render() {
return (
<Component {...this.props} >
Click me and visit http://itsaserver.io
</Component>
);
}
});
ReactDOM.render(
<ContainerComponent {...props} />,
document.getElementById("component-container")
);
About the css
You need the right css in order to make use of itsa-react-anchorbutton
. There are 2 options:
- You can use the css-files inside the
css
-folder. - You can use:
Component = require("itsa-react-anchorbutton/lib/component-styled.jsx");
and build your project withwebpack
. This is needed, because you need the right plugin to handle a requirement of thescss
-file.
If you want to express your appreciation
Feel free to donate to one of these addresses; my thanks will be great :)
- Ether: 0xE096EBC2D19eaE7dA8745AA5D71d4830Ef3DF963
- Bitcoin: 37GgB6MrvuxyqkQnGjwxcn7vkcdont1Vmg
16.0.8
6 years ago
16.0.7
6 years ago
16.0.6
7 years ago
16.0.4
7 years ago
16.0.3
7 years ago
16.0.2
7 years ago
16.0.1
7 years ago
16.0.0
7 years ago
15.0.17
8 years ago
15.0.16
8 years ago
15.0.15
8 years ago
15.0.14
8 years ago
15.0.13
8 years ago
15.0.12
8 years ago
15.0.11
8 years ago
15.0.10
8 years ago
15.0.9
8 years ago
15.0.8
8 years ago
15.0.7
8 years ago
15.0.6
8 years ago
15.0.5
8 years ago
15.0.4
8 years ago
15.0.3
8 years ago
15.0.2
8 years ago
15.0.1
8 years ago
15.0.0
8 years ago