@react-component-contrib/button

React component button

📦 Installation

You must be React 16.8 or higher.

To use @react-component-contrib/button with your React app:

npm install --save @react-component-contrib/button

🔨 Usage

import React from 'react';
import ReactDOM from 'react-dom';
import Button from '@react-component-contrib/button';

/**
 * By default, the component has no style.
 * Consider importing the stylesheet it comes with:
 *
 * import '@react-component-contrib/button/lib/index.css';
 *
 * If you use Less, you can import less files:
 *
 * import '@react-component-contrib/button/lib/index.less';
 */

function App() {
  return (
    <Button>Button</Button>
  );
}

ReactDOM.render(<App />, document.querySelector('#app'));

📝 API Reference

Button

| Property | Description | Type | Default | | -------- | ----------- | :--: | :-----: | | prefixClassName | set prefix class | string | - | | disabled | disabled state of button | boolean | false | | htmlType | set the original html type of button, see: HTML standard | string | button | | href | redirect url of link button | string | - | | target | same as target attribute of a, works when href is specified | string | - | | block | option to fit button width to its parent width | boolean | false | | text | set text button | boolean | false | | onClick | set the handler to handle click event | (event) => void | - |

It accepts all props which native buttons support.

ButtonGroup

| Property | Description | Type | Default | | -------- | ----------- | :--: | :-----: | | prefixClassName | set prefix class, the button class of the group will also change | string | - |

🐛 Issues

If you find a bug, please file an issue on our issue tracker on GitHub.

🏁 Changelog

Changes are tracked in the CHANGELOG.md.

📄 License

The component is available under the MIT License.