JSFiddle - React, Tailwind, and code Playground

by seong gyun jeon

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/mohwa/[email protected]/dist/mohwa-ui.css">
<script src="https://cdn.jsdelivr.net/gh/mohwa/[email protected]/dist/mohwa-ui.js"></script>
<div class="container">
  <input type="text" class="suggest" />
</div>

CSS

body{
  margin: 0;
  padding: 0;
}

.container{
  margin-top: 20px;
}

.suggest{
  width: 200px;
  height: 20px;
}

JavaScript

new MohwaUI.Suggest({
	elem: document.querySelector('.suggest'),
  data: [
  	'국세청홈텍스',
    '김승환',
    '그레이스리',
    '고추냉이',
    '권성동의원',
    '권성동',
    '김호영',
    '김완선',
    '김민교',
    '김완선 나이'
	],
/* 	data: {
	  url: '/suggest/search'
	},
	 */  
	onEnter: function(val){
		console.log(val);
  },
  onSelected: function(val){
		console.log(val);
  }
});