Enums: Tabs

Configure tab placement and rendering behavior with enums.

Tabs enums help you place tab headers around the content and decide when tab panels are rendered.

How it works

Use TabPosition to place tabs, and use TabsRenderMode to control whether panels render immediately or on demand.

Examples

  • TabPosition.Start for vertical tabs aligned to the left.
  • TabsRenderMode.LazyLoad to render panels on first visit.
  • TabsRenderMode.LazyReload to render only the active panel.

Reference

TabPosition

Defines the placement of a tab items.

  • TabPosition.Top Top side.
  • TabPosition.Bottom Bottom side.
  • TabPosition.Start Start side.
  • TabPosition.End End side.

TabsRenderMode

With TabsRenderMode you can control how the tabs content will behave. For example you can postpone rendering until the tab is selected or you can just render them all at once.

  • TabsRenderMode.Default Always renders the tabs html content to the DOM.
  • TabsRenderMode.LazyLoad Lazy loads tabs, meaning each tab will only be rendered/loaded the first time it is visited.
  • TabsRenderMode.LazyReload Lazy loads tabs everytime, meaning only the active tab will have it's html rendered to the DOM.
On this page