Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

yb-arrow-change

ybashanov4ISC1.0.4

Меняющаяся стрелка внутри select

React ArrowChange

readme

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;
    }
    }