https://github.com/malcodeman/react-button-group

A button group is a set of two or more button segments.
https://github.com/malcodeman/react-button-group

button button-group react

Last synced: 21 days ago
JSON representation

A button group is a set of two or more button segments.

• Host: GitHub
• URL: https://github.com/malcodeman/react-button-group
• Owner: malcodeman
• License: mit
• Created: 2020-05-13T15:14:52.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T05:49:57.000Z (almost 2 years ago)
• Last Synced: 2024-11-07T15:56:22.194Z (about 2 months ago)
• Topics: button, button-group, react
• Language: JavaScript
• Homepage: http://react-button-group-storybook.surge.sh/
• Size: 4.61 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 23
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• my-awesome-repos - react-button-group - A button group is a set of two or more button segments. (Packages)

README

        
# [react-button-group](http://react-button-group-storybook.surge.sh)

[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/malcodeman/react-button-group/blob/master/LICENSE)

[![npm](https://img.shields.io/npm/v/@malcodeman/react-button-group)](https://www.npmjs.com/package/@malcodeman/react-button-group)

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

A button group is a set of two or more button segments. Within the control, all segments are equal in width. A button group is often used to switch between views of some data.

## Getting started

```sh

yarn add @malcodeman/react-button-group

# or

npm install --save @malcodeman/react-button-group

```

```jsx

import React from "react";

import { ButtonGroup } from "@malcodeman/react-button-group";

function App() {

  const [selected, setSelected] = React.useState([0]);

  return (

    


       {

          setSelected([index]);

        }}

      >

        One

        Two

        Three

      

    

  );

}


export default App;

```

## License

[MIT](./LICENSE)