yb-arrow-change

1.0.4 • Public • Published

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

Readme

Keywords

Package Sidebar

Install

npm i yb-arrow-change

Weekly Downloads

0

Version

1.0.4

License

ISC

Unpacked Size

5.64 kB

Total Files

5

Last publish

Collaborators

  • ybashanov