칩 (Chip)

v-chip 컴포넌트는 작은 조각의 정보를 전달하는데 사용합니다. close 속성을 사용하면 더 인터랙티브(대화형)해집니다.

사용법

칩에는 다음 4가지 주 변형이 있습니다; 표준(regular), 아이콘 사용, 사진(portrait) 사용, 닫기 가능(closeable)


API

v-chip

예제

색상 (Colored)

머티리얼 디자인 팔레트의 어떤 색이는 칩의 색으로 쓸 수 있습니다.


아이콘 (Icon)

텍스트뿐 아니라 머티리얼 아이콘 폰트 라이브러이의 아이콘도 사용할 수 있습니다.


테두리형 (Outline)

테두리형 칩의 경계(border) 색은 현대 텍스트 색으로부터 상속됩니다.


레이블 (Label)

레이블 칩은 v-card의 테두리 반경(border-radious)를 사용합니다.


닫기가능 (Closable)

닫기가 가능한 칩(Closable chips)은 v-model로 제어합니다. 칩이 닫혀있는지 알려면 input 이벤트를 Listen 하면 됩니다.


Select 에 사용 (In selects)

Select 시 선택된 데이터를 표시할때 칩을 사용할 수 있습니다.