<mtz-avatar>

Run the Standalone version

Follow the steps below to run the mtz-avatar component demo

npm install -g bower polyserve #this component requires bower and polyserve

bower install
npm install #when it gets to semantic-ui setup, press Enter to choose all the default options.

cd semantic #cd into semantic folder to build
gulp build

cd .. # go back to the parent directory
polyserve #access the component @ http://localhost:8080/components/mtz-avatar/

Install

Install the component using Bower:

$ bower install mtz-avatar --save

Or download as ZIP.

Recommended Install

npm install semantic-ui  # Use themes, import build/watch tasks into your own gulpfile.

Semantic UI includes an interactive installer to help setup your project

cd semantic
gulp build

• For more details on setup visit our getting started guide.
• To learn more about theming please read our theming guide

Usage

1. Import polyfill:

   <script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>

2. Import custom element:

   <link rel="import" href="bower_components/mtz-avatar/mtz-avatar.html">

3. Start using it!

   <mtz-avatar></mtz-avatar>

Options

Attribute	Options	Default	Description
fetch	object	``	Pass in the username, title, recognition and points

Development

In order to run it locally you'll need to fetch some dependencies and a basic server setup.

1. Install bower & polyserve:

   $ npm install -g bower polyserve

2. Install local dependencies:

   $ bower install

3. Start development server and open http://localhost:8080/components/mtz-avatar/.

   $ polyserve

History

For detailed changelog, check Releases.

License

MIT License © WebComponents.org