https://github.com/manufosela/historical-line
Lit-Element Web Component to show a historical line of events
https://github.com/manufosela/historical-line
Last synced: 3 months ago
JSON representation
Lit-Element Web Component to show a historical line of events
- Host: GitHub
- URL: https://github.com/manufosela/historical-line
- Owner: manufosela
- License: other
- Created: 2019-08-25T18:52:00.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-04T08:13:59.000Z (over 2 years ago)
- Last Synced: 2025-01-08T06:16:12.976Z (5 months ago)
- Language: JavaScript
- Size: 180 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# historical-line
Lit-Element web component to show a historical line of events
## Demo
[Codepen historical-line (https://codepen.io/manufosela/pen/bGbqWPb)]
```
Basic historical-line Demo
Demo
## Attributes
* title (String)
* startYear (Number)
* endYear (Number)
* data (Array)
## CSS Variables
* --font-size
* --title-color
```
```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
**user**
## License
This project is licensed under the Apache 2.0 License - see the [LICENSE](LICENSE) file for details
## Generated
**generator-lit-element-base** - *yeoman npm package* - by [@manufosela](https://github.com/manufosela/generator-litelement-webcomponent)