smart-html-elements

Tabs Blazor API

Tabs Properties

Name	Type	Default	Description
AddNewTab	bool	false	Sets or gets whether the "Add new tab" button (+) is displayed.
AllowToggle	bool	false	Allows toggle. If set to true, selectedIndex can be set to null (no selected tab).
CloseButtonMode	TabsCloseButtonMode	TabsCloseButtonMode.Default	Sets or gets the close button mode.
CloseButtons	bool	false	Sets or gets whether close buttons are displayed.
IsCollapsed	bool	false	Sets or gets whether the Tabs content section is collapsed.
Collapsible	bool	false	Enables or disables the collapsible feature.
DataSource	IEnumerable<object>	N/A	Determines the data source that will be loaded to the Tabs.
Disabled	bool	false	Enables or disables the element.
EnableMouseWheelAction	bool	false	Enables or disables scrolling using the mouse wheel through overflowing tab labels in the tab strip.
Locale	string	"en"	Sets or gets the locale. Used in conjunction with the property messages.
Messages	object	N/A	Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale.
Name	string	""	Sets or gets the widget's name.
Overflow	Overflow	Overflow.Auto	Sets or gets the Tabs scroll buttons behavior. Applicable only when tabLayout is 'scroll'.
Readonly	bool	false	Disables user interaction with the element.
Reorder	bool	false	Enables or disables the reorder feature. When this feature is enabled, the end-user can drag a tab and drop it over another tab. As a result the tabs will be reordered.
Resize	bool	false	Sets or gets whether tab labels can be resized by dragging with the mouse.
RightToLeft	bool	false	Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
ScrollButtonsPosition	LayoutPosition	LayoutPosition.Both	Sets or gets the position of the scroll buttons.
ScrollMode	TabsScrollMode	TabsScrollMode.Paging	Sets or gets the behavior when scrolling the tab strip via the scroll buttons.
SelectedIndex	int?	N/A	Sets or gets which tab is selected.
SelectionMode	TabSelectionMode	TabSelectionMode.Click	Determines the way the user can switch between tabs.
TabLayout	TabsTabLayout	TabsTabLayout.Scroll	Applies one of four behaviors when the element is not wide enough to display all tab labels.
TabPosition	TabPosition	TabPosition.Top	Sets or gets where the tab strip is positioned.
TabTextOrientation	Orientation	Orientation.Horizontal	Sets or gets the orientation of the text in the tabs.
Theme	string	""	Determines the theme. Theme defines the look of the element
Unfocusable	bool	false	If is set to true, the element cannot be focused.

Tabs Methods

Name	Type	Arguments	Description
Collapse	void	N/A	Collapses the content section.
EnsureVisible	void	int index	Makes sure a tab is visible by scrolling to it.Args: int index - The index of the tab to scroll to.
Expand	void	N/A	Expands the content section.
GetDataSourceAsync()	Task<IEnumerable<object>>	'N/A'	Gets the "DataSource" property as Task<IEnumerable<object>>.
GetIsCollapsedAsync()	Task<bool>	'N/A'	Gets the "IsCollapsed" property as Task<bool>.
GetOffsetFromEdgeOfElement	int	int index	Returns the offset of the tab item container (smart-tab-item element) from the edge of the Tabs (smart-tabs element) where the tab strip is positioned.Args: int index - The index of the tab item.
GetSelectedIndexAsync()	Task<int?>	'N/A'	Gets the "SelectedIndex" property as Task<int?>.
GetTabContent	object	int index	Returns the content of a Tab at given index.Args: int index - The index of the tab.
GetTabLabel	string	int index	Returns the label of a Tab at given index.Args: int index - The index of the tab.
GetTabs	TabItem[]	N/A	Returns an array of the TabItems inside the element.
Insert	void	int index, object details	Inserts a new tab and an associated content section.Args: int index - The index to insert a new tab at.,object details - An Object with the fields "label", "labelSize", "content" and "group".
Refresh	void	'N/A'	Refreshes the Blazor Component. Performs a layout of the HTML Elements and recalculates the measurements.
RefreshTabHeader	void	N/A	Refreshes the Tabs header section. Useful when the header contains elements (such as images) loaded slower than the Tabs itself.
RemoveAt	void	int index	Removes a tab and its associated content section.Args: int index - The index of the tab to remove.
Render	void	'N/A'	Re-renders the Blazor Component. This method will make a full re-render.
Select	void	int index	Selects a tab.Args: int index - The index of the tab to select.
StateHasChanged	void	'N/A'	Refreshes the state and Re-renders the Blazor Component, if necessary.
Update	void	int index, string label, string content	Updates a tab and its associated content section.Args: int index - The index of the tab to update.,string label - The new label of the tab. The value can be the id of an HTMLTemplateElement,string content - The new content of the tab.

Tabs Events

Name	Type	Description	Event Detail
OnAddNewTabClick	EventCallback<Event>	This event is triggered when the addNewTab is enabled and is clicked.	N/A
AddNewTabClicked	event TabsAddNewTabClickedEventHandler	This event is triggered when the addNewTab is enabled and is clicked.	TabsAddNewTabClickedEventArgs
OnChange	EventCallback<Event>	This event is triggered when the tab selection is changed.	int index- The tab's index., int oldIndex- The tab's old index.
Changed	event TabsChangedEventHandler	This event is triggered when the tab selection is changed.	TabsChangedEventArgs
OnClose	EventCallback<Event>	This event is triggered when a tab is closed.	int index- The tab's index.
Closed	event TabsClosedEventHandler	This event is triggered when a tab is closed.	TabsClosedEventArgs
OnClosing	EventCallback<Event>	This event is triggered when a tab is about to be closed. The closing operation can be canceled by calling event.preventDefault() in the event handler function.	int index- The tab's index.
Closing	event TabsClosingEventHandler	This event is triggered when a tab is about to be closed. The closing operation can be canceled by calling event.preventDefault() in the event handler function.	TabsClosingEventArgs
OnDragEnd	EventCallback<Event>	This event is triggered when a drag operation has ended.	int left- The tab's left position., int top- The tab's top position., int index- The tab's index., string label- The tab's label.
DragEnded	event TabsDragEndedEventHandler	This event is triggered when a drag operation has ended.	TabsDragEndedEventArgs
OnDragStart	EventCallback<Event>	This event is triggered when a drag operation has started.	int left- The tab's left position., int top- The tab's top position., int index- The tab's index., string label- The tab's label.
DragStarted	event TabsDragStartedEventHandler	This event is triggered when a drag operation has started.	TabsDragStartedEventArgs
OnReorder	EventCallback<Event>	This event is triggered when tabs have been reordered.	int index- The tab's index., int oldIndex- The tab's old index.
Reordered	event TabsReorderedEventHandler	This event is triggered when tabs have been reordered.	TabsReorderedEventArgs