Basic Example

Tab List

This example demonstrates a basic tabbed interface with three tabs containing different content.

Tab Navigation

Users can switch between tabs by clicking on them or using keyboard navigation (arrow keys, Home, End).

Active Tab Management

The active tab is controlled through the ActiveTabId parameter, which can be bound for two-way data binding.

Tab Structure

Each RfTab has two main sections:

  • Tab: The clickable header portion
  • Panel: The content area displayed when active
Current Active Tab

home

Welcome to the Home Tab

This is the home tab content. It contains some basic information and welcome message.

You can navigate between tabs using mouse clicks or keyboard arrow keys.

An unhandled error has occurred. Reload 🗙