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