radh-ui
Version:
Stencil Component Starter
54 lines (53 loc) • 1.64 kB
JavaScript
import { Component, Event, h, Listen, State } from "@stencil/core";
export class RadhGithubSearchUser {
handleClick() {
const username = this.value;
fetch(`https://api.github.com/users/${username}`)
.then(resp => resp.json())
.then(user => this.userSearched.emit(user));
}
handleChange(event) {
this.value = event.target.value;
}
onchanged(ev) {
this.value = ev.detail;
}
render() {
return (h("div", null,
h("radh-input-text", { label: "Username:", name: "username" }),
h("radh-button", { onClick: () => this.handleClick() }, "Search")));
}
static get is() { return "radh-github-search-user"; }
static get originalStyleUrls() { return {
"$": ["radh-github-search-user.css"]
}; }
static get styleUrls() { return {
"$": ["radh-github-search-user.css"]
}; }
static get states() { return {
"value": {}
}; }
static get events() { return [{
"method": "userSearched",
"name": "userSearched",
"bubbles": true,
"cancelable": true,
"composed": true,
"docs": {
"tags": [],
"text": ""
},
"complexType": {
"original": "any",
"resolved": "any",
"references": {}
}
}]; }
static get listeners() { return [{
"name": "changed",
"method": "onchanged",
"target": undefined,
"capture": false,
"passive": false
}]; }
}