Ready to take your JavaScript development to the next level? Meet npm Enterprise - the ultimate in enterprise JavaScript. Learn more »

ember-frost-button

2.0.2 • Public • Published

This repo has been ported to ember-frost-core - no more PRs will be accepted.

ember-frost-button
Travis Coveralls NPM

Installation

ember install ember-frost-button

API

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 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 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
design string tab Custom styling for applications that use buttons but don't follow the button styling. Requires text or icon to be specified. Should not be used with priority and size.

Examples

Text

{{frost-button
  autofocus
  disabled=isDisabled
  on-click=(action 'closure')
  priroty='primary'
  size='small'
  text='Text'
}}

Icon

{{frost-button
  icon='frost/add'
  on-click=(action 'closure')
  priority='tertiary'
  size='medium'
}}

Icon Text

{{frost-button
  icon='frost/add'
  on-click=(action 'closure')
  priority='secondary'
  size='large'
  text='Text'
}}

Info

{{frost-button
  icon='frost/add'
  on-click=(action 'closure')
  priority='primary'
  size='extra-large'
  subtext='Subtext'
  text='Main Text'
}}

Design

{{frost-button
  design='tab'
  text='Tab'
}}
 
## Development
 
### Setup

git clone git@github.com:ciena-frost/ember-frost-button.git cd ember-frost-button npm install && bower install


### Development Server
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.

### Testing
Run `npm test` from the root of the project to run linting checks as well as execute the test suite
and output code coverage.

install

npm i ember-frost-button

Downloadsweekly downloads

28

version

2.0.2

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
  • avatar
Report a vulnerability