Sha256: 8292b2278877cef8b36c323d48fee5c290c8f5d7292192887836da006b3be6cb
Contents?: true
Size: 1.01 KB
Versions: 5
Compression:
Stored size: 1.01 KB
Contents
import React from "react"
import ToggleButton from "./ToggleButton"
import { text, select } from "@storybook/addon-knobs"
class Wrapper extends React.Component {
state = {
active: false,
}
handleOnChange = (active) => {
this.setState({active})
}
render() {
const {children} = this.props
return (
<div className="container my-5">
<div className="col-sm-6">
{
React.cloneElement(children, {
onToggle: this.handleOnChange,
active: this.state.active,
})
}
</div>
</div>
)
}
}
export default function ToggleButtonStory(stories) {
stories.add("ToggleButton",
() => {
let props = {
className: text("className", ""),
offLabel: text("offLabel", "Deactivated"),
onLabel: text("onLabel", "Activated"),
size: select("size", ["small", "med", "large"]),
}
return (
<Wrapper>
<ToggleButton {...props}/>
</Wrapper>
)
}
)
}
Version data entries
5 entries across 5 versions & 1 rubygems