https://github.com/kyle-west/dh-components
This repo serves as a collection of web components used on the detachedHEAD blog
https://github.com/kyle-west/dh-components
Last synced: 3 months ago
JSON representation
This repo serves as a collection of web components used on the detachedHEAD blog
- Host: GitHub
- URL: https://github.com/kyle-west/dh-components
- Owner: kyle-west
- Created: 2019-05-31T12:02:29.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2019-08-23T20:09:12.000Z (almost 6 years ago)
- Last Synced: 2025-01-10T04:24:59.016Z (5 months ago)
- Language: JavaScript
- Size: 89.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# `dh-components`
This repo serves as a collection of web components used on the [`detachedHEAD` blog](https://detachedhead.net/).
## ``
This component hosts all of the active links to where you can listen to the detachedHEAD Podcast.
### Usage:
```html
...
```
As shown above, the styling applied is minimal. There is no ShadowDOM applied for the intention to have it match the styles of the host website.
Additionally you can add a callback function for when the user clicks on one of the links (for the potential use of metric tracking).
```html
function someoneClickedOneOfTheLinks (company, data, event) {
// INCOMING DATA IS OF THE FORM:
// company --- "Spotify"
// data --- {url: "https://open.spotify…", icon: "./asset…"}
// event --- MouseEvent {isTrusted: true, screenX: 486, …}
}
```