아이콘 버튼

<button type="button" class="krds-btn icon">
	<span class="sr-only">검색</span>
	<i class="svg-icon ico-sch"></i>
</button>
<button type="button" class="krds-btn icon medium">
	<span class="sr-only">입력한 비밀번호 보기</span>
	<i class="svg-icon ico-pw-visible"></i>
</button>
<button class="krds-btn icon medium btn-help-exec">
	<span class="sr-only">도움말</span>
	<i class="svg-icon ico-help"></i>
</button>

<button type="button" class="krds-btn large icon border">
	<span class="sr-only">새로고침</span>
	<i class="svg-icon ico-refresh"></i>
</button>
<button type="button" class="krds-btn large icon border" disabled>
	<span class="sr-only">열기</span>
	<i class="svg-icon ico-angle down"></i>
</button>

<template>
  <button type="button" class="krds-btn icon">
	<span class="sr-only">검색</span>
	<i class="svg-icon ico-sch"></i>
</button>
<button type="button" class="krds-btn icon medium">
	<span class="sr-only">입력한 비밀번호 보기</span>
	<i class="svg-icon ico-pw-visible"></i>
</button>
<button class="krds-btn icon medium btn-help-exec">
	<span class="sr-only">도움말</span>
	<i class="svg-icon ico-help"></i>
</button>

<button type="button" class="krds-btn large icon border">
	<span class="sr-only">새로고침</span>
	<i class="svg-icon ico-refresh"></i>
</button>
<button type="button" class="krds-btn large icon border" disabled>
	<span class="sr-only">열기</span>
	<i class="svg-icon ico-angle down"></i>
</button>
</template>

<script setup lang="ts">
// 아이콘 버튼 컴포넌트
// 아이콘만 포함된 버튼 컴포넌트입니다.

import { ref } from 'vue'

// 필요한 상태 및 메서드 정의
const isActive = ref(false)

const handleClick = () => {
  isActive.value = !isActive.value
}
</script>