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, выключено

События

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

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

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