Tabs Demo
Tabs are excellent for organizing related content, showing different perspectives of the same information, or presenting alternative approaches.
📑 Basic Tabs
First Tab
Second Tab
Third Tab
This is the content of the first tab.
This is the content of the second tab with different information.
And here’s the third tab with its own unique content.
🔧 Member Organization
Properties
Methods
Events
Fields
Public Properties
Name (string) - Gets or sets the nameId (int) - Gets the unique identifierIsActive (bool) - Gets or sets the active stateCreatedDate (DateTime) - Gets the creation timestampModifiedDate (DateTime?) - Gets or sets the modification timestamp
Public Methods
Initialize() - Initializes the instance with default valuesProcess(string data) - Processes the input dataValidateAsync() - Asynchronously validates the stateToString() - Returns a string representationDispose() - Releases managed resources
Public Events
PropertyChanged - Raised when a property value changesProcessing - Raised before processing beginsProcessed - Raised after processing completesError - Raised when an error occurs
Constants & Fields
MaxNameLength (const int) - Maximum allowed name length (100)DefaultTimeout (static readonly) - Default timeout value (30 seconds)_syncRoot (private readonly) - Synchronization object
.NET 6.0
.NET 7.0
.NET 8.0
// .NET 6.0 specific features
public record Person(string Name, int Age);
// File-scoped namespaces
namespace MyApp;
// Global using directives
global using System.Text.Json;
// .NET 7.0 enhancements
public required string Name { get; init; }
// Generic math support
public static T Add<T>(T left, T right)
where T : INumber<T>
{
return left + right;
}
// .NET 8.0 latest features
public class TimeService
{
// Primary constructors
public TimeService(ILogger logger);
// Collection expressions
int[] numbers = [1, 2, 3, 4, 5];
}
🎯 Implementation Approaches
Synchronous
Asynchronous
Reactive
public class DataService
{
public string GetData(int id)
{
var result = QueryDatabase(id);
return ProcessResult(result);
}
public void SaveData(string data)
{
ValidateData(data);
WriteToDatabase(data);
}
}
public class DataService
{
public async Task<string> GetDataAsync(int id)
{
var result = await QueryDatabaseAsync(id);
return await ProcessResultAsync(result);
}
public async Task SaveDataAsync(string data)
{
await ValidateDataAsync(data);
await WriteToDatabaseAsync(data);
}
}
public class DataService
{
public IObservable<string> GetData(int id)
{
return Observable
.FromAsync(() => QueryDatabaseAsync(id))
.SelectMany(ProcessResultAsync);
}
public IObservable<Unit> SaveData(string data)
{
return Observable
.Return(data)
.Do(ValidateData)
.SelectMany(WriteToDatabaseAsync);
}
}
Tabs maintain their selected state as users navigate through them, providing a smooth user experience.
