yb-button

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}