render-infolisted
Install: claude install-skill aiskillstore/marketplace
# Using RendererInfo in Blazor
The `RendererInfo` class in Blazor provides runtime information about the renderer that is executing the component. It is particularly useful for detecting whether a component is running interactively or statically, and for identifying the specific rendering platform (e.g., Server, WebAssembly, WebView).
## Key Properties
### `IsInteractive`
- **Type:** `bool`
- **Description:** Indicates whether the component is currently running in an interactive render mode.
- **Usage:** Use this to conditionally render UI elements that require interactivity, such as disabling buttons or showing loading indicators during static server-side rendering (SSR) or prerendering.
```csharp
@if (!RendererInfo.IsInteractive)
{
<p>Connecting...</p>
}
else
{
<button @onclick="HandleClick">Click Me</button>
}
```
### `Name`
- **Type:** `string`
- **Description:** Returns the name of the renderer.
- **Common Values:**
- `"Static"`: Running in static server-side rendering (SSR).
- `"Server"`: Running in Interactive Server mode (SignalR).
- `"WebAssembly"`: Running in Interactive WebAssembly mode.
- `"WebView"`: Running in a Blazor Hybrid application (MAUI, WPF, WinForms).
```csharp
<p>Current Render Mode: @RendererInfo.Name</p>
```
## Common Scenarios
### 1. Disabling Inputs During Prerendering
When a component is prerendered on the server, event handlers (like `@onclick`) are not active. You can use `RendererInfo.IsInteractive` to disable inputs unt