@ramonak/react-button-group NPM

@ramonak/react-button-group

React ButtonGroup component with the selection (active button) functionality

Install

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

Usage

import React from 'react'
import ButtonGroup from '@ramonak/react-button-group'
import '@ramonak/react-button-group/dist/index.css';

const Example = () => {
  const handleClick = (e) => {
    console.log(e.target.name);
  };

  return <ButtonGroup
            buttons={['One', 'Two', 'Three', 'Four']}
            onButtonClick={handleClick}
          />
}

Props

Name	Type	Default	Description
`buttons` (required)	`Array of strings`		Labels of buttons. For buttons without labels pass an array with empty strings.
`orientation`	`string:` `horizontal, vertical`	`horizontal`	Orientation of button group: vertical or horizontal display
`onButtonClick`	`function`		Function that runs on a button click
`containerClassName`	`string`		Class name for custom styles of a wrapper div
`buttonClassName`	`string`		Class name for custom styles of a button inside a button group
`activeButtonClassName`	`string`		Class name for custom styles of an active (selected) button inside a button group

License

MIT © KaterinaLupacheva

react react-component button group buttongroup buttons buttons with select

@infinitebrahmanuniverse/nolb-_ram @everything-registry/sub-chunk-758 @zalastax/nolb-_ram

5 years ago

5 years ago

5 years ago

5 years ago