import { PropertyItemBoolean } from '.' ; import * as React from 'react' ; import DemoContainer from '../demo-container' ; export interface BooleanItemDemoState { checked ? : boolean ; } export class BooleanItemDemo extends React . Component < { } , BooleanItemDemoState > { public state = { checked : false } ; private handleChange ( e ) { this . setState ( { checked : ! this . state . checked } ) ; } public render ( ) { return ( < DemoContainer title = "Boolean Item" > < PropertyItemBoolean label = "Visibility" checked = { this . state . checked } onChange = { e => this . handleChange ( e ) } / > < PropertyItemBoolean label = "Spacing" checked = { ! this . state . checked } onChange = { e => this . handleChange ( e ) } / > < /DemoContainer>); } } export default BooleanItemDemo ;