Skip to content

OrChips

A component to display chips

Basic

SamJinduMurphAnsa

Pass an array of strings [ "Sam", "Jindu", "Murph", "Ansa" ]

html
<or-chips v-model="users" />
<or-chips v-model="users" />

Chips entries can also be removed by setting the removeable prop to true.

javascriptgoelixir
html
<or-chips v-model="languages" removeable/>
<or-chips v-model="languages" removeable/>

Props

PropRequiredDefaultTypeDescription
hasRemovefalsefalsebooleanIf set to true will render an "X" which when clicked can remove the chip

D2B ___ Chidi Ikeoha