Sha256: 3995e5b33859264627e7e4fa09a1caa294640e241e3be59c37973a7e1a7ecbdf

Contents?: true

Size: 699 Bytes

Versions: 28

Compression:

Stored size: 699 Bytes

Contents

Rev.pullInto(this) 'Lipsum', 'Modal', 'Button'

Button = Rev.Components.Button
Rev.registerExample 'Modals',
  getInitialState: () ->
    state =
      modalShow: false

  showModal: (e) ->
    e.preventDefault()
    @setState modalShow: true

  closeModal: (e) ->
    @setState modalShow: false

  render: ->
    <div>
      <h3>{"<Modal>"}</h3>
      <Button small onClick={ @showModal }>Click to Open</Button>
      <Modal isOpen={ @state.modalShow } onBackgroundClick={ @closeModal }>
        <h1 className="RevModalHeader"> This is a modal</h1>
        <p><Lipsum /></p>
        <Button small onClick={ @closeModal }>Click this button or background to close.</Button>
      </Modal>
    </div>

Version data entries

28 entries across 28 versions & 1 rubygems

Version Path
revelry_core-0.1.12.6 app/assets/javascripts/revelry/examples/Modals.js.cjsx
revelry_core-0.1.12.5 app/assets/javascripts/revelry/examples/Modals.js.cjsx
revelry_core-0.1.12.4 app/assets/javascripts/revelry/examples/Modals.js.cjsx
revelry_core-0.1.12.3 app/assets/javascripts/revelry/examples/Modals.js.cjsx
revelry_core-0.1.12.2 app/assets/javascripts/revelry/examples/Modals.js.cjsx
revelry_core-0.1.12.0 app/assets/javascripts/revelry/examples/Modals.js.cjsx
revelry_core-0.1.11.6 app/assets/javascripts/revelry/examples/Modals.js.cjsx
revelry_core-0.1.11.5 app/assets/javascripts/revelry/examples/Modals.js.cjsx
revelry_core-0.1.11.2 app/assets/javascripts/revelry/examples/Modals.js.cjsx
revelry_core-0.1.11.1 app/assets/javascripts/revelry/examples/Modals.js.cjsx
revelry_core-0.1.11.0 app/assets/javascripts/revelry/examples/Modals.js.cjsx
revelry_core-0.1.10.7 app/assets/javascripts/revelry/examples/Modals.js.cjsx
revelry_core-0.1.10.6 app/assets/javascripts/revelry/examples/Modals.js.cjsx
revelry_core-0.1.10.5 app/assets/javascripts/revelry/examples/Modals.js.cjsx
revelry_core-0.1.10.4 app/assets/javascripts/revelry/examples/Modals.js.cjsx
revelry_core-0.1.10.3 app/assets/javascripts/revelry/examples/Modals.js.cjsx
revelry_core-0.1.10.2 app/assets/javascripts/revelry/examples/Modals.js.cjsx
revelry_core-0.1.10.1 app/assets/javascripts/revelry/examples/Modals.js.cjsx
revelry_core-0.1.10.0 app/assets/javascripts/revelry/examples/Modals.js.cjsx
revelry_core-0.1.9.2 app/assets/javascripts/revelry/examples/Modals.js.cjsx