Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/manufosela/circle-picture

Lit-Element web component configurable to show an image in a circle with title and subtitle.
https://github.com/manufosela/circle-picture

Last synced: about 1 month ago
JSON representation

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

Awesome Lists containing this project

README

        

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

```html

```

## 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