Add Support to provide the buttons adjacent to the NavTabs

[SorexBentley]

We have started integrating iTwin components to our project. But need some more additional support as mentioned below : -

1. Need to add support for the buttons needed adjacent to the NavTabs as shown below in Image : -

As of now we don't any prop to Handle the adjacent button.

I think it's best to add support for onClick() button within those .

[bentleyvk]

Hello @SorexBentley, we currently don't support having anything inside tabs. But for your case I think it would be enough to have some container element that has tabs and button inside:

<div style={{ display: 'flex', justifyContent: 'space-between' }}>
  <Tabs />
  <Button />
</div>

[SorexBentley]

The above styles and concept does not work as you can see the scenario below : -

Suggested concept code : -

Result : -

Expected result : -

where the button should be on the top of NavTab bottom border.

I think we need to provide some prop which can fix this.

[FlyersPh9]

@SorexBentley this might need a change in iTwinUI-CSS before being available in iTwinUI-React. I've created a new issue for us to track this enhancement: iTwin/iTwinUI#770