ember install ember-frost-button
Attribute | Type | Value | Description |
---|---|---|---|
autofocus |
boolean |
false |
default: Nothing to see here, just your average button |
true |
Look at me! | ||
disabled |
boolean |
false |
default: Click to your heart's content |
true |
🚫 Can't click this! 🎶 | ||
on-click |
string |
<action-name> |
triggers associated action when the button is clicked |
icon |
string |
<icon-name> |
the name of a frost icon from ember-frost-icons |
text |
string |
<button-text> |
text do display on the button |
subtext |
string |
<button-subtext> |
subtext do display on the button underneath main text |
size |
string |
small |
The smallest button you ever did see |
medium |
default: Not quite as small as small , but not very big either |
||
large |
Now that's what I call a button! | ||
extra-large |
My grandma, what a big button you have! Recommended when icon , text , and subtext are used together |
||
priority |
string |
primary |
Call-to-action ☎️ |
secondary |
default: Run of the mill, garden variety | ||
tertiary |
Low-key, subdued | ||
confirm |
An alias for primary |
||
normal |
An alias for secondary |
||
cancel |
An alias for tertiary |
git clone git@github.com:ciena-frost/ember-frost-button.git
cd ember-frost-button
npm install && bower install
A dummy application for development is available under ember-frost-button/tests/dummy
.
To run the server run ember server
(or npm start
) from the root of the repository and
visit the app at http://localhost:4200.
Run npm test
from the root of the project to run linting checks as well as execute the test suite
and output code coverage.