open-index/open-npm huggingface dataset:
npm package: @manufosela/circle-picture
Description: ## Demo [Codepen Demo](http://codepen.io/manufosela/pen/RoRBrV)
Author: manufosela
Latest version: 2.2.1

# circle-picture [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/manufosela/circle-picture)

## Demo
[Codepen Demo](https://codepen.io/manufosela/pen/WWyRKY)

Lit-Element web component configurable to show an image in a circle with title and subtitle.

<!---
```
<custom-element-demo>
  <template>
    <script src="../webcomponentsjs/webcomponents-lite.js"></script>
    <link rel="import" href="circle-picture.html">
    <next-code-block></next-code-block>
  </template>
</custom-element-demo>
```
-->
```html
<circle-picture size="250" picture="https://github.com/manufosela/cvitaede-circlepicture/blob/master/demo/img/fake2.png?raw=true" title="Hello everybody!" subtitle="I'm a picture"></circle-picture>
```

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

## Build
```
$ npm run build
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.


## Author

* **Mánu Fosela** - *Javascript Composer* - [manufosela](https://github.com/manufosela)

## License

This project is licensed under the Apache 2.0 License - see the [LICENSE](LICENSE) file for details