Tab | React | Anduin Design

TabR(
  panels = List(
    Tab.Panel(
      renderContent = _ => div(tw.p16, "First tab"),
      title = "Profile"
    ),
    Tab.Panel(
      renderContent = _ => div(tw.p16, "Second tab"),
      title = "Subscriptions"
    ),
    Tab.Panel(
      renderContent = _ => div(tw.p16, "Third tab"),
      title = "Permissions"
    ),
    Tab.Panel(
      renderContent = _ => div(tw.p16, "Fourth tab"),
      title = "Content"
    ),
    Tab.Panel(
      renderContent = _ => div(tw.p16, "Fifth tab"),
      title = "Activity log"
    ),
    Tab.Panel(
      renderContent = _ => div(tw.p16, "Sixth tab"),
      title = "Settings"
    )
  )
)()

TabR(  panels = List(    Tab.Panel(      renderContent = _ => div(tw.p16, "First tab"),      title = "Profile"    ),    Tab.Panel(      renderContent = _ => div(tw.p16, "Second tab"),      title = "Subscriptions"    ),    Tab.Panel(      renderContent = _ => div(tw.p16, "Third tab"),      title = "Permissions"    ),    Tab.Panel(      renderContent = _ => div(tw.p16, "Fourth tab"),      title = "Content"    ),    Tab.Panel(      renderContent = _ => div(tw.p16, "Fifth tab"),      title = "Activity log"    ),    Tab.Panel(      renderContent = _ => div(tw.p16, "Sixth tab"),      title = "Settings"    )  ))()