bitplatform `BitPivot` Add placement property for tabs placements

Is there an existing issue for this?

[X] I have searched the existing issues

Is your feature request related to a problem? Please describe the problem.

No response

Describe the solution you'd like

I need a property, like Placement to set the placement of the tab headers. Placement= Top/Bottom is more needed I think and Left, Right ones are can act like a sidebar. Here is a sample from Syncfusion Tabs control: https://blazor.syncfusion.com/demos/tabs/orientation?theme=fabric&_gl=11l50e1h_gaMTQwMzg4ODc4LjE2NjAzMTQyODY._ga_WC4JKKPHH0*MTY2MzMyNzUyNy4yNS4xLjE2NjMzMjc2NTIuMC4wLjA.&_ga=2.249441223.1304948410.1663327513-140388878.1660314286

Additional context

No response

Sep 16 '22 11:09 NGame1

@NGame1 Thanks for submitting this issue. We're investigating your issue. We'll let you know if it's possible to work on this issue or not.

Sep 17 '22 15:09 msynk

The issue is accepted and planned. Resolving it will start ASAP.

Dec 02 '22 08:12 msynk

@NGame1 while we are working on adding this feature, you can use the Render content separately feature shown on the demo page to render the content anywhere you want like this:

<BitPivot LinkFormat="@BitPivotLinkFormat.Tabs"
          DefaultSelectedKey="Foo"
          LinkSize="@BitPivotLinkSize.Large"
          HeadersOnly="true"
          OnLinkClick="@(item => SelectedKey = item.Key)">
    <BitPivotItem HeaderText="Foo" Key="Foo"></BitPivotItem>
    <BitPivotItem HeaderText="Bar" Key="Bar"></BitPivotItem>
    <BitPivotItem HeaderText="Bas" Key="Bas"></BitPivotItem>
    <BitPivotItem HeaderText="Biz" Key="Biz"></BitPivotItem>
</BitPivot>
<div>
    @if (SelectedKey == "Foo")
    {
        <div>Hello I am Foo</div>
    }
    else if (SelectedKey == "Bar")
    {
        <div>Hello I am Bar</div>
    }
    else if (SelectedKey == "Bas")
    {
        <div>Hello I am Bas</div>
    }
    else if (SelectedKey == "Biz")
    {
        <div>Hello I am Biz</div>
    }
</div>

@code {
private string SelectedKey = "Foo";
}

https://components.bitplatform.dev/components/pivot#example7

Dec 24 '22 16:12 msynk

Resolving this issue has started. It will be announced when this issue is resolved.

Dec 25 '22 11:12 msynk

This issue has been resolved and it will be available in the next pre-release version. It will be announced when the pre-release becomes ready.

Dec 28 '22 18:12 msynk

The pre-release has been published. Please give it a try and give feedback.

Feb 07 '23 23:02 msynk