0.4.4 • Published 4 years ago
@jcfauchet/component-button v0.4.4
@ecw-button
Buttons allow users to take actions, and make choices, with a single clik/tap.
Installation
npm install @emobg/component-buttonBasic usage
HTML Structure
<EcwButton></EcwButton>Inputs
| Name | Required | Description | Values (default in bold) |
|---|---|---|---|
| link | no | href element attr | - |
| tag | no | if link is not defined, the element will be of type 'tag' | - |
| size | no | size of the element | small, medium, large |
| isFull | no | weither the element takes all the screen's width | true, false |
| variant | no | color variants | primary, light, dark |
Outputs
| Name | Description | Infos emitted |
|---|---|---|
| clicked | The user clicked/taped the button | none |
Style customization
| CSS class | Description |
|---|---|
| ecw-button | the main container |
Each variant and size is a modifier following BEM style Eg. ecw-button--large