Sha256: a9b7348dc4dc5ceb77534634306b33ca208eb992acae2fd154daa265970c45f0
Contents?: true
Size: 1.07 KB
Versions: 4
Compression:
Stored size: 1.07 KB
Contents
import React from 'react'
import {
Body,
SelectableCard,
Title,
} from '../../'
class SelectableCardBlock extends React.Component {
state = {
block: true,
tag: false,
}
handleSelect = (event) => {
this.setState({
[event.target.id]: event.target.checked,
})
}
render(props) {
return (
<div className="pb--doc-demo-row">
<SelectableCard
checked={this.state.block}
inputId="block"
name="block"
onChange={this.handleSelect}
value="block"
{...props}
>
<Title
size={4}
text="Block"
{...props}
/>
<Body tag="span">{'This uses block'}</Body>
</SelectableCard>
<SelectableCard
checked={this.state.tag}
inputId="tag"
name="tag"
onChange={this.handleSelect}
text="This passes text through the tag"
value="tag"
{...props}
/>
</div>
)
}
}
export default SelectableCardBlock
Version data entries
4 entries across 4 versions & 1 rubygems