@hawk-ui/button-group

Installation

#### To install a component run
$ npm install @hawk-ui/button-group --save

#### Please import CSS styles via
``scss noeditor
@import '/path__to__node_modules/@hawk-ui/button-group/dist/index.min.css
`

Usage

#### Text Button:
Demo
`js static
import ButtonGroup from '@hawk-ui/button-group';
`
`js
initialState = {
grouped: [
{ key: 1, title: 'First' },
{ key: 2, title: 'Second' },
{ key: 3, title: 'Third' },
],
value: 1,
};

variant="text"
panes={state.grouped}
value={state.value}
onClick={(event) => {
setState({
value: event.key,
});
}}
/>
`


#### Outlined Button:
Demo
`js static
import ButtonGroup from '@hawk-ui/button-group';
`
`js
initialState = {
grouped: [
{ key: 1, title: 'First' },
{ key: 2, title: 'Second' },
{ key: 3, title: 'Third' },
],
value: 1,
};

variant="outlined"
panes={state.grouped}
value={state.value}
onClick={(event) => {
setState({
value: event.key,
});
}}
/>
`

#### Contained Button:
Demo
`js static
import ButtonGroup from '@hawk-ui/button-group';
`
`js
initialState = {
grouped: [
{ key: 1, title: 'First' },
{ key: 2, title: 'Second' },
{ key: 3, title: 'Third' },
],
value: 1,
};

panes={state.grouped}
value={state.value}
onClick={(event) => {
setState({
value: event.key,
});
}}
/>
``