@eisgs/chips v1.0.0

Компонент Chips

Для обработки нажатия на иконку удаления необходимо передать callback onClick.

<Chips onClick={() => { alert('Chip click'); }}>
  Пример текста
</Chips>

Disabled (ЕИСЖС)

При disabled: true иконка удаления скрывается:

<Chips disabled>
  Пример текста
</Chips>

Размер (ИЖС)

Задать размер компонента можно с помощью параметра view:

<div className="w300">
  <Chips view="desktop">
    View: desktop
  </Chips>
  
  <br />

  <Chips view="mobile">
    View: mobile
  </Chips>
</div>

Вариант отображения (ИЖС)

Задать вариант отображения можно с помощью параметра mode:

<div className="w300">
  <Chips mode="light">
    Mode: light
  </Chips>
  
  <br />

  <Chips mode="dark">
    Mode: dark
  </Chips>
</div>