yb-arrow-change v1.0.4

ArrowChange

Меняющаяся стрелка (галочка). Например, внутри select. Обязательно в родителе position: relative !!! Посмотреть как работает

Зависимости

• нет

Подключение и использование

• Импортируем

import ArrowChange from "yb-arrow-change";

• Пример jsx

<div style={{position: "relative"}}>
    <ArrowChange isUp={this.state.isUp} />
</div>

Пропсы

• isUp обязательное направление галочки
  • true - направлена вверх
  • false - направлена вниз (default)

Пример изменения размера

• Добавить стили вашему проекту

.ArrowChange {
  top: 12px;
  right: 11px;
  width: 10px;

  span {
    height: 2px;
  }

  span:nth-child(1) {
    left: 6px;
  }
}