Basic bootstrap NavBar model

gistfile1.scala

  // In Link & MenuItem, when onClick is None it means it should be disabled.
  // This enforces the invariant that disabled items cannot be clicked.
  // If you want something clickable but you want it to do nothing then pass it
  //   a callback that does nothing: Some(IO(()))

  sealed trait NavItem

  case class Link(label: String, onClick: Option[IO[Unit]], active: Boolean) extends NavItem

  case class   DropdownMenu(items: NonEmptyList[MenuItem]) extends NavItem
  sealed trait MenuItem
  case object  MenuDivider                                         extends MenuItem
  case class   MenuEntry(label: String, onClick: Option[IO[Unit]]) extends MenuItem

  case class NavBarProps(items: NonEmptyList[NavItem], disableEverything: Boolean)

  val NavBar =
    ReactComponentB[NavBarProps]("NavBar")
    ...