Blazorise Tabs component

Tabs organize content across different screens, data sets, and other interactions.

API

Parameters

Parameter Description TypeDefault
ChildContent

Specifies the content to be rendered inside this Tabs.

RenderFragmentnull
Content

Container for tab panes.

RenderFragmentnull
FullWidth

Makes the tab items to extend the full available width.

boolfalse
Items

Container for tab items.

RenderFragmentnull
Justified

Makes the tab items to extend the full available width, but every item will be the same width.

boolfalse
Pills

Makes the tab items to appear as pills.

boolfalse
RenderMode

Defines how the tabs content will be rendered.

Possible values:Default, LazyLoad, LazyReload

TabsRenderModeTabsRenderMode.Default
SelectedTab

Gets or sets currently selected tab name.

string
TabPosition

Position of tab items.

Possible values:Top, Bottom, Start, End

TabPositionTabPosition.Top
VerticalItemsColumnSize

Controls the size of the items bar when in vertical mode. If left undefined it will default to the ColumnSize.IsAuto.

IFluentColumnnull

Events

Event Description Type
SelectedTabChanged

Occurs after the selected tab has changed.

EventCallback<string>

Methods

Method DescriptionReturnParameters
SelectTab Sets the active tab by the name. Taskstring tabName
On this page