Package version
npm i module-tsl-ui-modal --save
3.1.0
examples (editable)
Hello world!
class ModalToggle extends React.Component { constructor(props) { super(props); this.state = { open: false }; } render() { return ( <div> <Button onClick={() => this.setState({ open: true })}>open modal</Button> <Modal showModal={this.state.open} onHideModal={() => this.setState({ open: false })} > <span>Hello world!</span> </Modal> </div> ) } }
Enhanced Modal example (editable)
TitleSubtitle
Title
Hello world!
class ModalToggle extends React.Component { constructor(props) { super(props); this.state = { open: false }; } render() { return ( <div> <Button onClick={() => this.setState({ open: true })}>open enhanced modal</Button> <EnhancedModal showModal={this.state.open} onHideModal={() => this.setState({ open: false })} title="Title" subtitle="Subtitle" icon="tds-bookmark" buttons={[<Button>OK</Button>, <Button>Cancel</Button>]} > <span>Hello world!</span> </EnhancedModal> </div> ) } }
Props
We couldn't detect props! Check if __docgenInfo is correctly defined