Sha256: 578a99cae2a1303fc9f64d5a7f74c7b54f3e0b56c6b52d26f90b8b35eec66932
Contents?: true
Size: 1.28 KB
Versions: 17
Compression:
Stored size: 1.28 KB
Contents
import React from 'react'
import {
Body,
Image,
SelectableCard,
} from '../../'
class SelectableCardImage extends React.Component {
state = {
selectableImage: true,
unselectedImage: false,
}
handleSelect = (event) => {
this.setState({
[event.target.id]: event.target.checked,
})
}
render() {
return (
<div className="pb--doc-demo-row">
<SelectableCard
checked={this.state.selectableImage}
icon
inputId="selectableImage"
name="selectableImage"
onChange={this.handleSelect}
value="selectableImage"
>
<Image
rounded
size="xl"
url="https://unsplash.it/500/400/?image=634"
/>
<Body>{'Add text here'}</Body>
</SelectableCard>
<SelectableCard
checked={this.state.unselectedImage}
icon
inputId="unselectedImage"
name="unselectedImage"
onChange={this.handleSelect}
value="unselectedImage"
>
<Image
rounded
size="xl"
url="https://unsplash.it/500/400/?image=634"
/>
</SelectableCard>
</div>
)
}
}
export default SelectableCardImage
Version data entries
17 entries across 17 versions & 1 rubygems