hawk-ui: Basic Button Component
npm install @hawk-ui/button
#### To install a component run$ npm install @hawk-ui/button --save
#### Please import CSS styles via
``scss noeditor`
@import '/path__to__node_modules/@hawk-ui/button/dist/index.min.css
#### Simple Button:
Demo
`js static`
import Button from '@hawk-ui/button';js`
variant="text"
htmlAttributes={{
id: 'button',
}}
onClick={() => { window.alert('Button Was Clicked'); }}
>
Text Button
variant="outlined"
onClick={() => { window.alert('Button Was Clicked'); }}
>
Outlined Button
variant="contained"
onClick={() => { window.alert('Button Was Clicked'); }}
>
Contained Button
#### Disabled Button:
Demo
`js static`
import Button from '@hawk-ui/button';js`
variant="text"
isDisabled
onClick={() => { window.alert('Button Was Clicked'); }}
>
Text Button
variant="outlined"
isDisabled
onClick={() => { window.alert('Button Was Clicked'); }}
>
Outlined Button
variant="contained"
isDisabled
onClick={() => { window.alert('Button Was Clicked'); }}
>
Contained Button
#### Icon Button:
Demo
`js static`
import Button from '@hawk-ui/button';js``
variant="text"
icon="fa fa-star"
onClick={() => { window.alert('Button Was Clicked'); }}
>
Text Button
variant="outlined"
icon="fa fa-star"
onClick={() => { window.alert('Button Was Clicked'); }}
>
Outlined Button
variant="contained"
icon="fa fa-star"
onClick={() => { window.alert('Button Was Clicked'); }}
>
Contained Button