Ionic 기본 - 투명 아이콘 버튼

# Ionic ver 5 용 버튼 선언 방법

<ion-button style="float: right;" fill="clear" color="dark" shape="round" size="small">

<ion-icon slot="icon-only" name="ellipsis-vertical"> </ion-icon>

</ion-button>

# 주의 사항

Style은 제외하고, 위와 같이 선언할 경우, 투명 배경에 아이콘을 클릭할 수 있도록 구성이 가능하다.

다만, 선택 후 focus 상태로 이전에 선택 되었음을 표시해준다.(거슬리기는 하지만, 괜찮음)

 만약 ion-item 안쪽에 구성하게 될 경우, ion-item 클릭효과 때문에, 쭉 focus 상태로 표시될 수 있으므로, 반드시 Onclick 작업 이후, $event.stopPropagation(); 함수를 호출해주도록 한다.

그리고, ion-item 사용시, click이 block 될수도 있는데, style="z-index:1000"으로 지정할 경우, 해결 가능하다.

# 스타일 수정

기본으로 생기는 padding을 제거할 수 있다.

ion-button {

--padding-start:3px;

--padding-end:3px;

}