UNPKG

radh-ui

Version:

Stencil Component Starter

1 lines 662 B
import{r as s,c as t,h}from"./p-1a9f3501.js";class e{constructor(h){s(this,h),this.userSearched=t(this,"userSearched",7)}handleClick(){fetch("https://api.github.com/users/"+this.value).then(s=>s.json()).then(s=>{this.user=JSON.stringify(s),this.userSearched.emit(s)})}handleChange(s){this.value=s.target.value}onchanged(s){this.value=s.detail}render(){const s=(()=>this.user?h("radh-user",{user:this.user}):h("p",null,"No data"))();return h("div",null,h("radh-input-text",{label:"Username:",name:"username"}),h("radh-button",{onClick:()=>this.handleClick()},"Search"),s)}}e.style="radh-github-search-user{margin:20px}";export{e as radh_github_search_user_widget}