Ember-frost-button NPM

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

ember-frost-button

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`	:no_entry_sign: Can't click this! :notes:
`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 :telephone:
		`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.

ember-addon frost

ember-cli-babel ember-cli-htmlbars ember-cli-sass ember-lodash

@infinitebrahmanuniverse/nolb-ember-f @everything-registry/sub-chunk-1577

8 years ago

8 years ago

8 years ago

8 years ago