yb-button v1.1.0

Button

Кнопка с состоянием Посмотреть как работает

Подключение

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

import {Button, NotClicked, Clicked} from "yb-button";

Примеры использования

• Пример jsx

<Button
    callbacks={this.callbacks}
    toggleState={true}
    clicked={this.state.clicked}
>
    <NotClicked>
        NotClicked
    </NotClicked>
    <Clicked>
        Clicked
    </Clicked>
</Button>

Компоненты

• \<Button> - кнопка
• \<NotClicked> - внутренний компонент, отображается при состоянии отсутствия клика
• \<Clicked> - внутренний компонент, отображается при состоянии получения клика

Пропсы

Режимы

• Boolean pendingState включение изменения состояния клика по кнопке (для разового изменения) default=false, выключено
• Boolean toggleState включение изменения состояния клика по кнопке (для изменения 1 и более раз) default=false, выключено Параметры
• String className - дополнительные стили default=undefined
• Object callbacks - для внешних вызовов default=undefined
• Boolean clicked - состояние клика по кнопке default=false, не было клика
• Boolean disabled - состояние доступности кнопки default=false, не блокирована

События

• onClick() вызывается по клику

Внешние вызовы

• $setState(Object state) изменение state извне Формат аргумента: {clicked: false, disabled: false}