0

In Semantic UI library exists sidebar. But in the tutorial, I see only examples where sidebar doesn't disable content after opening. How can I perform this?

Nilesh Singh
  • 1,750
  • 1
  • 18
  • 30
Sam Fisher
  • 746
  • 2
  • 10
  • 27
  • You need to be a little more elaborate on your question. – Nilesh Singh Jan 18 '18 at 09:52
  • if we look here in simple semantic https://semantic-ui.com/modules/sidebar.html#/examples in chapter "Using a custom context" there sidebar opens and creates gray layer on page content and disables it. is possible to do so in semantic-react? – Sam Fisher Jan 18 '18 at 09:54

1 Answers1

1

You can wrap your <Sidebar.Pusher> content inside a disabled Dimmer like this:

<Sidebar.Pusher>
  <Dimmer disabled dimmed={this.state.sidebarIsVisible} as={Segment} >
   .... Your Segment content
  </Dimmer>
</Sidebar.Pusher>

You can read more about it here

morinx
  • 635
  • 7
  • 19