> ## Documentation Index
> Fetch the complete documentation index at: https://easyaf.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# LoadingContainer

## Definition

**Assembly:** CloudNimble.BlazorEssentials.dll

**Namespace:** CloudNimble.BlazorEssentials.Controls

**Inheritance:** Microsoft.AspNetCore.Components.ComponentBase

## Syntax

```csharp theme={"dark"}
CloudNimble.BlazorEssentials.Controls.LoadingContainer<TItem>
```

## Type Parameters

* `TItem` -

## Constructors

### <Icon icon="hammer" iconType="duotone" color="#419AC5" size={24} className="mr-2" /> .ctor

#### Syntax

```csharp theme={"dark"}
public LoadingContainer()
```

## Properties

### <Icon icon="tag" iconType="duotone" color="#419AC5" size={24} className="mr-2" /> Data

The information you will be binding this control against. You should typically use the two-way binding syntax of '@bind-Data' to connect this
information to the control.

#### Syntax

```csharp theme={"dark"}
public TItem Data { get; set; }
```

#### Property Value

Type: `TItem`

### <Icon icon="tag" iconType="duotone" color="#419AC5" size={24} className="mr-2" /> DataChanged

The event handler used to update the Parent control about `Data` changes during two-way binding.

#### Syntax

```csharp theme={"dark"}
public Microsoft.AspNetCore.Components.EventCallback<TItem> DataChanged { get; set; }
```

#### Property Value

Type: `Microsoft.AspNetCore.Components.EventCallback<TItem>`

### <Icon icon="tag" iconType="duotone" color="#419AC5" size={24} className="mr-2" /> FailedContent

The content to display when the `LoadingStatus` list set to [LoadingStatus.Failed](/blazoressentials/api-reference/CloudNimble/BlazorEssentials/LoadingStatus#failed).

#### Syntax

```csharp theme={"dark"}
public Microsoft.AspNetCore.Components.RenderFragment FailedContent { get; set; }
```

#### Property Value

Type: `Microsoft.AspNetCore.Components.RenderFragment`

### <Icon icon="tag" iconType="duotone" color="#419AC5" size={24} className="mr-2" /> LoadedContent

The content to display when the `LoadingStatus` list set to [LoadingStatus.Loaded](/blazoressentials/api-reference/CloudNimble/BlazorEssentials/LoadingStatus#loaded).

#### Syntax

```csharp theme={"dark"}
public Microsoft.AspNetCore.Components.RenderFragment<TItem> LoadedContent { get; set; }
```

#### Property Value

Type: `Microsoft.AspNetCore.Components.RenderFragment<TItem>`

### <Icon icon="tag" iconType="duotone" color="#419AC5" size={24} className="mr-2" /> LoadingContent

The content to display when the `LoadingStatus` list set to [LoadingStatus.Loading](/blazoressentials/api-reference/CloudNimble/BlazorEssentials/LoadingStatus#loading).

#### Syntax

```csharp theme={"dark"}
public Microsoft.AspNetCore.Components.RenderFragment LoadingContent { get; set; }
```

#### Property Value

Type: `Microsoft.AspNetCore.Components.RenderFragment`

### <Icon icon="tag" iconType="duotone" color="#419AC5" size={24} className="mr-2" /> LoadingStatus

The particular property containing the LoadingStatus that you want to track.. You should typically use the two-way binding syntax of '@bind-Data' to
connect this information to the control.

#### Syntax

```csharp theme={"dark"}
public CloudNimble.BlazorEssentials.LoadingStatus LoadingStatus { get; set; }
```

#### Property Value

Type: `CloudNimble.BlazorEssentials.LoadingStatus`

### <Icon icon="tag" iconType="duotone" color="#419AC5" size={24} className="mr-2" /> LoadingStatusChanged

The event handler used to update the Parent control about `LoadingStatus` changes during two-way binding.

#### Syntax

```csharp theme={"dark"}
public Microsoft.AspNetCore.Components.EventCallback<CloudNimble.BlazorEssentials.LoadingStatus> LoadingStatusChanged { get; set; }
```

#### Property Value

Type: `Microsoft.AspNetCore.Components.EventCallback<CloudNimble.BlazorEssentials.LoadingStatus>`

### <Icon icon="tag" iconType="duotone" color="#419AC5" size={24} className="mr-2" /> NoResultsContent

The content to display when the `LoadingStatus` list set to [LoadingStatus.Loaded](/blazoressentials/api-reference/CloudNimble/BlazorEssentials/LoadingStatus#loaded) and `Data` list either null,
or is a list that contains no objects.

#### Syntax

```csharp theme={"dark"}
public Microsoft.AspNetCore.Components.RenderFragment NoResultsContent { get; set; }
```

#### Property Value

Type: `Microsoft.AspNetCore.Components.RenderFragment`

### <Icon icon="tag" iconType="duotone" color="#419AC5" size={24} className="mr-2" /> NotLoadedContent

The content to display when the `LoadingStatus` list set to [LoadingStatus.NotLoaded](/blazoressentials/api-reference/CloudNimble/BlazorEssentials/LoadingStatus#notloaded). This is typically the initial state
for a ViewModel.

#### Syntax

```csharp theme={"dark"}
public Microsoft.AspNetCore.Components.RenderFragment NotLoadedContent { get; set; }
```

#### Property Value

Type: `Microsoft.AspNetCore.Components.RenderFragment`